2016-03-23 8 views
1
私は次のように番号が異なるズームレベルで変更すると、ヒートマップを作成したい

- 数は、直接地図上に表示するのではなく、マウスホバーウィンドウに表示することができますリーフレットマップを使ってヒートマップを作成するにはどうすればいいですか?

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

enter image description here

リーフレットの地図でこれをどうやって作るのですか?

編集:

ヒートマップを試しました.js。しかし、マップ上に数字を表示することはできません。

EDIT2:

lat lng count 

簡単 Leaflet.markerclusterのためにそれをロードする方法を任意のヒント:

私は3つの列でcsvファイルを持っていますか?

+0

これはhttps://gis.stackexchange.com/questions/186247/how-to-create-a-heatmap-with-numbers-using-leaflet-mapの複製です。 – IvanSanchez

答えて

1

点数を表示するにはクラスタ層k-meanクラスタリングを使用し、ヒートマップの使用にはheatmap.jsを使用します。

これらの2つのモジュールは、いずれのマッピングライブラリでも簡単に使用できます。

+0

私はheatmap.jsを試しましたが、色は表示されますが、OPに記載されているウェブページのような数字は表示されません。その他のヒント? – Osiris

+0

@Osiris heatmap.jsは、キャンバスの「createRadialGradient」関数を使用してヒートマップを描画します。このモジュール(heammap.js)から補間された値を取得できるかどうかはわかりません。あなたが何らかのロジック、すなわち補間のいくつかのタイプ(クリギングのような)であるべきマウスオーバーの値を表示したい場合。適切なアプローチが示唆されるように、プロジェクトの要件や疑義について詳しく説明してください。 – Gagan

+0

私は質問を更新しました。ヒートマップ.jsレイヤーの上に数値/マーカーの追加レイヤーを追加できます。 :) – Osiris

関連する問題