Google Map API V3: comment append des données personnalisées aux marqueurs

Est-il possible d’append des informations personnalisées à mes marqueurs pour une utilisation ultérieure? Il y a des façons d’avoir une fenêtre d’information et un titre, mais quoi si je veux associer le marqueur à d’autres informations.

J’ai d’autres éléments affichés sur la page qui dépendent des marqueurs. Lorsqu’un clic est cliqué, le contenu de la page doit changer en fonction du marqueur cliqué. J’aimerais stocker et récupérer les données personnalisées une fois qu’un marqueur est affiché cliqué sur etc.

Merci

Un marqueur Google étant un object JavaScript, vous pouvez append des informations personnalisées dans la key: value formulaire key: value , où clé est une chaîne valide. Ils sont appelés propriétés d’object et peuvent être abordés de différentes manières. La valeur peut être quelque chose de légal, aussi simple que des nombres ou des chaînes, et aussi des fonctions, ou même d’autres objects. Trois manières simples: dans la déclaration, la notation par points et les crochets

 var markerA = new google.maps.Marker({ map: map, position: new google.maps.LatLng(0, 0), customInfo: "Marker A" }); var markerB = new google.maps.Marker({ map: map, position: new google.maps.LatLng(-10, 0) }); markerB.customInfo = "Marker B"; var markerC = new google.maps.Marker({ map: map, position: new google.maps.LatLng(-20, 0) }); markerC['customInfo'] = "Marker C";

Puis le récupérer de la même manière:

 google.maps.event.addListener(markerA, 'click', function() { alert(this.customInfo); });

Vous pouvez append vos propres propriétés personnalisées aux marqueurs (veillez simplement à ne pas entrer en conflit avec les propriétés de l’API).