2016-03-23 14 views
1

Ich möchte eine Heatmap erstellen wie folgt, wobei die Anzahl an unterschiedlichen Zoomstufe ändert - die Zahl kann in einem Maus-Hover-Fenster angezeigt werden, anstatt direkt auf der Karte zeigt:Wie erstellt man eine Heatmap mit Nummern mit Leaflet Map?

http://www.trulia.com/local/san-francisco-ca/tiles:1|points:1_crime 

enter image description here

Irgendeine Idee, wie man das mit Leaflet Map macht?

EDIT:

Ich versuchte heatmap.js. Aber es kann die Zahlen auf einer Karte nicht anzeigen.

EDIT2:

Ich habe eine CSV-Datei mit drei Spalten:

lat lng count 

Irgendwelche Tipps, wie leicht es für Leaflet.markercluster laden?

+0

Scheint wie das ist ein Duplikat von https://gis.stackexchange.com/questions/186247/how-to-create-a-heatmap-with-numbers-using-leaflet-map – IvanSanchez

Antwort

1

Um Punkte Cluster-Ebene zeigen Verwendung k-mean Clustering und Heatmap-Verwendung heatmap.js.

Diese beiden Module können problemlos in jeder Zuordnungsbibliothek verwendet werden.

+0

Ich habe heatmap.js versucht, Es zeigt zwar die Farbe, aber es kann nicht die entsprechenden Zahlen wie die im OP erwähnte Webseite anzeigen. Irgendwelche weiteren Tipps? – Osiris

+0

@Osiris heatmap.js verwendet die Canvas-Funktion "createRadialGradient", um die Heatmap zu rendern. Ich bin mir nicht bewusst, ob wir den interpolierten Wert von diesem Modul (hammap.js) bekommen können. Wenn Sie Wert auf Maus über zeigen möchten, sollte das mit irgendeiner Logik, d. H. Irgendeiner Art von Interpolation (wie Kriging) sein. Bitte erläutern Sie Ihre Projektanforderungen oder Zweifel im Detail, damit ein geeigneter Ansatz vorgeschlagen werden kann. – Gagan

+0

Ich habe die Frage aktualisiert. Wir können eine zusätzliche Schicht von Zahlen/Markierungen auf der hememap.js-Ebene hinzufügen. :) – Osiris