Utilisation de Google Maps

Attacher un évènement à la carte Google Maps

L’exemple ci-dessous présente une interaction réalisée entre la carte et un utilisateur. Ce dernier, à l’aide de la souris, va cliquer à un endroit de la carte ; si aucun marqueur ne se trouve sous le curseur un marqueur est alors affiché, sinon il est supprimé.

Ces quelques lignes précisent qu’un « listener » (entité chargée d’écouter les évènements) est ajouté aux évènements généraux « GEvent ». Ce « listener » a pour but d’exécuter la fonction passée en 3ème argument lors d’un « clic » sur le conteneur « map » soit la division HTML correspondante.

GEvent.addListener(map, "click", function(marker, point) {
        /* Si un marqueur est présent, alors il est supprimé */
        if (marker) map.removeOverlay(marker);
        /* Sinon, on ajoute un marqueur au point demandé */
        else map.addOverlay(new GMarker(point));
});

• Le premier correspond au marqueur qui a reçu le clic si celui-ci existe.
• Le second correspond aux coordonnées, de type « GLatLng », issues d’un clic de souris sur la carte.

Gestion des évènements Google Maps

On pourrait très bien imaginer une application demandant à l’utilisateur d’indiquer son adresse ou d’apporter des précisions sur un lieu. Les résultats pourraient ensuite être enregistrés dans une base de données en vue de futures utilisations.

Visualiser l’exemple sur les évènements Google Maps.
Exemple : Apparition d'une « info-bulle » après un « clic » sur un marqueur.
Télécharger les sources de cet exemple.