art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ 地図・マップ ホームページ、Web作成 山歩き・登山 先ほど、「Leaflet」と「OpenStreetMap」を使って、地図にマーカー表示を試してみた。 以前作成した「Google Maps API」を使った「日本三百名山マップ」は、Googleの規約変更により地図が表示されなくなっている。 今回、「Leaflet」と「OpenStreetMap」を使って、「日本三百名山マップ」を作成した。 【4/29追記】初期表示を「Google マップ」に置き換え。 マーカーをクリックすると、ポップアップが表示される。標高や都道府県名などが表示される。山名をクリックするとGoogle検索画面が開く。緯度経度をクリックするとGoogleマップが開く。 「Op… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2021%2F04%2F28%2F133751" title="Leaflet + OpenStreetMapで「日本三百名山マップ」作成。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20210428/20210428134458.jpg Hatena Blog https://hatena.blog 2021-04-28 13:37:51 rich https://2ndart.hatenablog.com/entry/2021/04/28/133751 1.0 100%