Leafletを使って地図に複数のマーカーを追加 (openstreetmap ) - Qiita

LeafletはOpenStreetMapをベースに地図にアンカーなどを簡単に追加できるJavascriptライブラリです。店情報を地図に乗せたり、地域情報を表示したりするときに便利だと思います。 参考 http://leafletjs.com/index.html 日本地図に複数のアンカーをクラスター表示して見やすくしてみます。 最初は日本の緯度・経度が必要ですね。以下のサイトで住所を入力するだけで簡単に緯度・経度がわかります。私は渋谷駅を検索して使いました。 http://www.geocoding.jp/ まずは単純マーカーを追加してみます。 ◆L.map('map').setView([35.664035, 139.698212], 18) ：緯度、経度、Zoom ◆bindPopup("マーカーをクリックしました。")：マーカーをクリックした時のPopup ◆L.marker([