Bonjour tout le monde, voila je dois faire une carte sous google map et la rendre dynamique avec ajout de points et marqueurs etc
en créant mes points manuellement tout fonctionne correctement mais mon "chef" les veut dynamique maintenant, j'ai commencé a codé un peu mais je n'y connais pas grand chose en java donc c'est dur dur, si quelqu'un pouvait m'aider...
le but est d'aller chercher dans la base de données es informations du points et de le crée via un appel de fonction sous java script.. je seche la
merci a vous , voila le bout de code
le JAVA SCRIPT :
Le PHP
en créant mes points manuellement tout fonctionne correctement mais mon "chef" les veut dynamique maintenant, j'ai commencé a codé un peu mais je n'y connais pas grand chose en java donc c'est dur dur, si quelqu'un pouvait m'aider...
le but est d'aller chercher dans la base de données es informations du points et de le crée via un appel de fonction sous java script.. je seche la
merci a vous , voila le bout de code
le JAVA SCRIPT :
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(50.457504,3.57605),9);
geocoder = new GClientGeocoder();
//création du zoom
map.addControl(new GLargeMapControl());
map.enableDoubleClickZoom() ;
// fin création du zoom
// création mode plan sattelite
map.addControl ( new GMapTypeControl () );
// fin création mode plan sattelite
// Création de mini icones bouchon
var icon = new GIcon();
icon.image = "http://rouleralhuile.free.fr//image/bouchon_google_map.png";
icon.iconSize = new GSize(40, 46);
icon.iconAnchor = new GPoint(10, 24);
icon.infoWindowAnchor = new GPoint(5, 1);
//fin creation mini_icone bouchon
//création de mini icone bidon
var icon2 = new GIcon();
icon2.image = "http://rouleralhuile.free.fr//image/bidon.JPG";
icon2.iconSize = new GSize(40, 46);
icon2.iconAnchor = new GPoint(10, 24);
icon2.infoWindowAnchor = new GPoint(5, 1);
//fin creation mini_icone bidon
//debut fonction creation du marker
function createMarker(point,html,icon) {
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//fin fonction creation du marker
function createpoint(lattitude,longitude){
//creation differents point carte
var la=lattitude;
var lo=longitude;
var point = new GLatLng(la,lo); //initialisation du point
var marker = createMarker(point,'Le Café Citoyen <br> 7 Place du marché aux chevaux,<br> Lille Tel:03 20 13 15 73 <br> <a href="http://cafecitoyen.org/doku.php" target="blank">site web</a> <br><img src="http://rouleralhuile.free.fr/image/cafecitoyen.jpg" border="0" height="95" width="150">',icon) //appel de la fonction
map.addOverlay(marker);
}
}
}
Le PHP
<?
$req = "SELECT * FROM collecte";
$requete = mysql_query($req);
while ($detail=mysql_fetch_array($requete))
{
$num_point = $detail['num_points_collecte'];
$coordonne_lat = $detail['coordonne_lat_collecte'];
$coordonne_long = $detail['coordonne_long_collecte'];
$html = $detail['nom_collecte'];
$adresse = $detail['adresse_collecte'];
$cp = $detail['cp_collecte'];
$ville = $detail['ville_collecte'];
$tel = $detail['tel_collecte'];
$email = $detail['email_collecte'];
$site = $detail['site_collecte'];
$logo = $detail['logo_collecte'];
$num_icon = $detail['num_icon#'];
echo "<script type='text/javascript'>var point1 = new GLatLng({$coordonne_lat},{$coordonne_long});</script>";
echo"<script type='text/javascript'>var marker1 = createMarker(point1,{$html},icon);</script>";
echo"<script type='text/javascript'>map.addOverlay(marker1);</script>";
}
?>