Marker-Cluster für die Google Map

Jeder der schon mal versucht hat viele Marker auf einer Google map anzuzeigen wird schnell ferststellen, dass das kein Spass macht. Zum einen sieht die Karte dann bei einem niedrigen Zoomlevel sehr unübersichtlich aus - man sieht eigentlich die Karte vor Marker nicht mehr- und zum anderen sinkt die Performance des Browsers bei vielen Markern starkt.
Jeder Marker besteht aus vielen einzelnen DOM-Elementen. Und bei mehreren Tausend Marken macht das Verarbeiten und Anzeigen dieser Vielzahl an DOM-Elementen dem Browser schwer zu schaffen.

Um dieses Problem zu lösen gibt es die Möglichkeit die Marker zu einzelnen Clustern zusammenzufügen. Ein guter Einstieg in dieses Thema ist der Blogpost von Gabriel Svennerberg zum Thema Handling Large Amounts of Markers in Google Maps. Hier werden verschiedene Methoden zum Clustern von Markern und vor allem ein Benchmark zur Ladezeit vorgestellt.

In den Kommentaren stösst man aber auf eine Lösung von Xiaoxi Wu im Google Geo Developers Blog. Hier werden die einzelnen DOM-Elemente in einen Cluster zusammengefasst, wenn er in einem vorgegebenem Range liegt. In einem Demo kann man entsprechende Speed-Tests mit diesem Verfahren ausprobieren. Das Laden von ca. 500 Markern dauert ca. 331 ms. was gegenüber dem Benchmark von Gabriel Svennerberg eine akzeptable Ladezeit ist.

Clustering Markers on a google map

Für unser #yai7d-Projekt “Boswell” mussten wir zusätzliche Modifikationen in das Skript einbauen um die einzelnen geclusterten Objekte auszulesen.

Der Post kommt mit einer kleinen Verzögerung durch die entstandenen Feiertage. Unser erstes #yai7d-Projekt ist aber abgeschlossen. Wir werden sehr bald dadrüber Bloggen!

Viel Spass beim Clustering!

May 5, 2009 | by Bumi | Filed Under Railslove, app in 7 days, yai7d

 

Comments

3 Responses to “Marker-Cluster für die Google Map”

  1. Black on May 19th, 2009 12:36 pm

    Danke für den Tipp. Hat super einfach funktioniert und steigert die Performance auf meiner Seite erheblich: http://www.norwegen-reise.com/camping.karte.html

    Grüße

  2. Bumi on May 23rd, 2009 10:56 pm

    Oh, cool. sieht super aus!
    Freut uns wenn es geholfen hat ;)

  3. Ralph on January 25th, 2010 11:11 pm

    Moin,

    vielen Dank für den Tipp, auch mir hat das Script bei über 3000 Einträgen gut geholfen. Ging vorher gar nicht mehr ;o)

    Siehe http://www.spielplatznet.de/finden.htm

    Gruß
    Ralph

Leave a Reply