晴歩雨描

晴れた日は外に出て歩き、雨の日は部屋で絵を描く

Leaflet + OpenStreetMapで「日本三百名山マップ」作成。

先ほど、「Leaflet」と「OpenStreetMap」を使って、地図にマーカー表示を試してみた。

以前作成した「Google Maps API」を使った「日本三百名山マップ」は、Googleの規約変更により地図が表示されなくなっている。

今回、「Leaflet」と「OpenStreetMap」を使って、「日本三百名山マップ」を作成した。

【4/29追記】初期表示を「Google マップ」に置き換え。

f:id:art2nd:20210428134458j:plain

マーカーをクリックすると、ポップアップが表示される。標高や都道府県名などが表示される。山名をクリックするとGoogle検索画面が開く。緯度経度をクリックするとGoogleマップが開く。

f:id:art2nd:20210428134502j:plain

OpenStreetMap」では、登山道が赤色点線で表示される。

f:id:art2nd:20210609161430j:plain

日本三百名山マップ」のGoogleマイマップ版は以下。