質問: 当方、PHP、mysql、javascriptを使ったWEBアプリケーションを運用しています。 データベースには営業先の緯度・経度(地図上に表示するために使用)等のデータが入っています。 leafletというライブラリを使用して、ブラウザ上に地図を表示、地図上に営業先をアイコンとして表示しています。 この時に、同一の建物内や近接した場所に複数の営業先がある場合、アイコンが重なり合って、下に重なった営業先のアイコンが隠れてしまう問題が発生しています。 地図を拡大すれば下のアイコンが見える場合もありますが、全く同じ座標のアイコン同士は完全に重なってしまいます。 現時点では、完全に同じ座標のデータは座標を少しだけずらす等の対応をしていますが、あまりスマートではないように思います。 こうしたケースでの一般的な対処方法などありましたら、ご教示頂けないでしょうか。 宜しくお願いします。
回答: スタックオーバーフロー本家の類似質問で、プラグインによる解決方法が示されています。 その1、その2 上記回答やコメントからの引用となりますが、デモサイトを比較の上で目的に適したプラグインの導入をご検討されてはいかがでしょうか。 * Leaflet.markercluster デモ * OverlappingMarkerSpiderfier-Leaflet デモ * Leaflet.Marker.Stack デモ