LeafletでGoogle マップ、OpenStreetMap表示。マーカー表示。現在地ボタン。

地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図表示を色々試した。

詳細は以下のブログに記載。

Leaflet + OpenStreetMapで、地図にマーカー表示。サンプルソース。
https://2ndart.hatenablog.com/entry/2021/04/28/112259

Leaflet地図：「国土地理院」と「Esri World Topo Map」に切り替え。サンプルソース。
https://2ndart.hatenablog.com/entry/2021/04/28/164803

Leaflet地図：Google MAPS APIなしで「Googleマップ」が使える。サンプルソース。
https://2ndart.hatenablog.com/entry/2021/04/29/111336

Leaflet地図：クリックした地点の緯度・経度、標高を表示。サンプルソース。
https://2ndart.hatenablog.com/entry/2021/04/29/143307

Leaflet地図：現在地表示ボタン追加。位置情報継続的更新。サンプルソース。
https://2ndart.hatenablog.com/entry/2021/05/01/101739