5
17 Jan 2009


Introduction


Il est possible grâce à l'API Google Maps de créer des marqueurs déplaçables. Nous verrons ici comment l'implémenter.

Ajout des marqueurs


Définir une fonction de création des marqueurs - en définissant les options clickable, draggable, bouncy, bouncyGravity et title, et en ajoutant nu événement lors de la fin du déplacement du marqueur :

function createMarker(point){
marker = new GMarker(point,{clickable: false, draggable: true, bouncy: true, bounceGravity: 0.2, title: 'marqueur déplaçable'});
map.addOverlay(marker);
GEvent.addListener(marker, "dragend", function() {
marker.openInfoWindowHtml("Il est possible de modifier la gravité du rebond !");
});
}

Créer un événement lorsqu'on clique sur la carte - ici on ajoute un marqueur :

GEvent.addListener(map,"click", function(overlay,latlng){
if (latlng){
var point = new GLatLng(latlng.y,latlng.x);
createMarker(point);
}
});


Code complet






<br /> [Google Maps] 17. Ajouter un marqueur déplaçable et jouer avec la gravité<br />






Démonstration