Accueil » Créer un regroupement de marqueurs sur Google Maps

Créer un regroupement de marqueurs sur Google Maps

Curieusement, le regroupement de marqueurs n’est pas une fonctionnalité prévue dans l’API Google Maps pour Javascript, alors même qu’elle existe dans sa version Android.

On trouve néanmoins sur github une bibliothèque qui fait le boulot : Marker Clusterer. La documentation inclue n’est pas forcément très explicite, aussi essayerais-je de revenir sur cet article pour détailler les points importants.

Sachez tout de même qu’il est possible de créer une info-bulle (infowindow) sur un regroupement. La bibliothèque met à disposition un événement nommé « clusterclick ». Il suffit donc, après déclaration du Marker Clusterer, d’ajouter le code suivant :

google.maps.event.addListener(markerClusterer, 'clusterclick', function(mCluster) {
  infowindow.setContent('Le contenu de mon infobulle');
  infowindow.setPosition(mCluster.getCenter());
  infowindow.open(map,this);
});
Une infobulle pour un Marker Clusterer

 

Laisser un commentaire pour : « Créer un regroupement de marqueurs sur Google Maps »

Votre email ne sera jamais communiqué.
Les champs précédés d'un astérisque sont obligatoires.