marmar1984
Messages postés40Date d'inscriptionsamedi 1 août 2009StatutMembreDernière intervention 5 février 2010
-
10 sept. 2009 à 13:17
Bonjour,
j'ai réussi à afficher les markeurs enregistré dans la base de donné
mais j'ai pas arrivé à créer des nouveau markeurs
j'ai pas arrivé à corriger mon code pour qu'il affiche et crée des nouveaux markeurs.
voici mon code
var marker;
function createMarker(point,message) {
var icon = new GIcon(G_DEFAULT_ICON);
icon.image = "http://www.numabilis.com/files/demos/google-maps/blue-dot.png";
var options = {
icon: icon,
draggable: true
};
marker = new GMarker(point,options);
GEvent.addListener(marker, "dragstart", function() {
map.openInfoWindowHtml(message);
});
return marker;
}
function load() {
if (GBrowserIsCompatible()) {
var Lat=48.8530240 // rentrez ici votre longitude
var Lng=2.3497110 // rentrez ici votre lattitude
var Zoom=16 // rentrez ici le zoom désiré entre 1 et 16
var message= "message:<input type='text' id='message'/>"+"<input type='button' value='Save & Close' onClick='save()'/>";
// rentrez ici votre texte qui sera affiche sur le point marqueur
var map = new GMap2(document.getElementById("map")); // affiche le module
map.setCenter(new GLatLng(Lat,Lng ),Zoom ); //affiche la carte au lieu précisé
map.addControl(new GLargeMapControl()); // affiche le curseur de zoom
map.addControl(new GMapTypeControl()); // affiche le curseur de déplacement
map.addControl(new GScaleControl());
var point = new GLatLng(Lat,Lng);
if(point)
{
marker = createMarker(point,message);
map.addOverlay(marker); // ces 3 lignes définissent le point et sa légendesz
}
GDownloadUrl("ajax.php",
function(data) {
var xml = GXml.parse(data); //récuperation du résultat de la page au format XML
var markers = xml.documentElement.getElementsByTagName("marker");
for(var i = 0; i < markers.length ; i++)
{ var point = new GLatLng(markers[i].getAttribute("lat"), markers[i].getAttribute("lng"));
if(point)
{
var message = markers[i].getAttribute("message");
marker = createMarker(point,message);
map.addOverlay(marker);
}
}
});
}
}
function save()
{ var message = document.getElementById("message").value;
var latlng= marker.getLatLng();
var lat=latlng.lat();
var lng=latlng.lng();
var url="sql.php?&lat=" + lat + "&lng=" + lng + "&message=" + message;
GDownloadUrl(url,function(data,responseCode){
if(responseCode==200 && data.length<=1)
{ //marker.closeInfoWindow();
document.getElementById("message").innerHTML = "Location added.";
}
});
marker.closeInfoWindow();
}
</script>