Astuce Grouper des points sur une Google Map

Astuce
Image not readable or empty
/extension/devnotebook/design/devnotebook/images/icon/trick.png
Grouper des points sur une
Google Map
Lorsque vous affichez une Google Map avec beaucoup de points rapprochés, ils risquent de se chevaucher.
Pour éviter ce problème, vous pouvez les regrouper.
Un autre avantage est le temps de chargement de la carte. En effet, puisqu'ils y a des regroupements, il y a
moins de points à afficher.
Voici un exemple :
Image not readable or empty
/var/devnotebook/storage/images/media/images/google-map-avec-markercluster/737-1-fre-FR/Google-Map-avec-m
Google
Map avec markercluster
A gauche une carte avec beaucoup de points et à droite la même avec des regroupements.
Pour utiliser le regroupement, il suffit de créer la carte et les points, mettre les points dans un tableau et créer
un nouvel objet MarkerClusterer.
Voici un aperçu du code à ajouter pour créer des points regroupés :
var markers = [];
for ( var i = 0; i < 100; ++i ) {
var latlng = new GLatLng( data.photos[i].latitude, data.photos[i].longitude );
var marker = new GMarker( latlng );
markers.push( marker );
}
var markerCluster = new MarkerClusterer( map, markers );
Il faut également ajouter le fichier MarkerClustered.js à la page qui contient la carte ( version compressée).
Source : http://googlegeodevelopers.blogspot.fr/2009/04/markerclusterer-solution-to-too-many.html
Image not readable or empty
Google Map
Tags : /extension/devnotebook/design/devnotebook/images/icon/tag.png
Google Map
Publié le : 28/09/2012 Modifié le : 14/04/2015