Beitrag erstellt am
25. Mai 2009
unter Technik.
Hier kannst Du die Kommentare per RSS 2.0 abonieren.
Du kannst entweder einen Kommentar oder einen Trackback von Deiner eigenen Seite hinterlassen.
Google Maps Marker Clustering (Marker zusammenfassen)
Ich habe mit der Umstellung der Pilotencommunity ulForum.de einige neue Funktionen eingebaut und bin immer noch nicht am Ende der Fahnenstange angelangt. Am Wochenende habe ich mich mal intensiv mit der interaktiven Flugplatzkarte beschäftigt und die rund vier- bis fünfhundert Flugplatzmarker zu kleinen Wölkchen zusammengefasst, also geclustert. Wie das geht, möchte ich euch kurz verraten…
Die Karte sieht nun in etwa so aus. Das heißt, dass auf jedem Punkt die Anzahl der sich in der Nähe befindlichen Flugplätze angezeigt wird. Klickt man nun einen dieser Punkte an, so zoomt die Karte automatisch ein und zeigt die sich in diesem Umkreis befindlichen Flugplätze. Das ganze ist einfacher als ich dachte, denn eine Komplettlösung findet sich bereits in der GMaps Utility Library (Development).
Hier findet man gleich mehrere Projekte, wie zum Beispiel den MarkerClusterer v1.0 mit Example Codes, und einer Reference. Die Dokumentation lässt im großen und ganzen noch etwas zu Wünschen übrig, das Ergebnis ist dafür hervorragend. Man bindet prinzipiell nur ein kleines Javascript ein. Alles was darüber hinaus zu tun ist, ist denkbar einfach:
var markers = [];
Man definiert eine neue Variable markers, in welcher man im folgenden alle ursprünglich sichtbaren Marker schreibt. Hierbei ist es üblich eine Schleife zu verwenden, welche alle Daten abfragt und schließlich in die normale, meist so oder so verwendete Variable marker (nicht markers) schreibt.
markers.push(marker);
Das ganze wird wie gesagt in das Array markers geschoben und somit liegen die Daten bzw. die Marker aus den einzelnen marker Variablen im Array markers.
var markerCluster = new MarkerClusterer(map, markers);
Nun wird das ganze durch die Funktion MarkerClusterer geschickt, welche sich in dem eingebundenen Javascript befindet und schon erscheinen die kleinen Cluster anstelle von hunderten unübersichtlichen Markern in der GMap. Das ganze ist wir gesagt kinderleicht umzusetzten und sorgt für erhebliche Ordnung in den eigenen Maps. Das Clustering der Marker lohnt sich natürlich nur, wenn man ein paar hundert Marker auf seinem Kartenausschnitt hat. Aber nice to know ist es allemal…
Verwandte Beiträge:
Monopoly mit der ganzen Welt: Google Maps und Hasbro machen es möglich...
Und plötzlich sah Google ganz anders aus…...
Google hält neue Werbeformen für Suchergebnisse bereit...
deutsche Datenschützer wollen den Einsatz von Google Analytics verbieten...
Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.
Kommentare
Hi, genau darüber hatte ich auch vor dem Upload nachgedacht, weil ich Identisches mitbekommen habe. Es ist erlaubt Google Maps Screenshots einzubinden, wenn man sich an die Spielregeln hält: http://www.google.com/permissions/geoguidelines.html
Hi.
Ich habe mich nach verschiedenen Test auch für diesen Clusterer entschieden.
Hier die umgesetzte Karte:
http://www.norwegen-reise.com/camping.karte.html
Läuft wirklich sehr performant und wie du hier beschreibst ist das Library sehr einfach zu integrieren. Kann ich nur empfehlen!
Grüße
Mal ne Frage zu dem Bild: Gab’s da vor einiger Zeit nicht mal einige Abmahnungen, weil Ausschnitte von Google Maps als Screenshot veröffentlicht wurden, statt die Google Maps API einzubinden? Wie ist das jetzt? Besteht da nicht auch noch Abmahngefahr?
Schocker Blogger