Leaflet地図：Google MAPS APIなしでGoogleマップが使える。APIキーも不要。サンプルソース。

昨日、「Leaflet」を使って「OpenStreetMap」「国土地理院」「Esri World Topo Map」の地図表示を試した。

「Leaflet」を使えば、「Google MAPS API」なしで「Google マップ」が使える。APIキーも要らない。

地図オブジェクトを生成して「Google マップ」の画像タイルを読み込むだけ。

var map = L.map('map');
var tileLayer = L.tileLayer('https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}', {
	attribution: "<a href='https://developers.google.com/maps/documentation' target='_blank'>Google Map</a>"
});
tileLayer.addTo(map);

サンプル ＞＞＞　https://ok2nd.github.io/leaflet/tokyo-04.html

その後、機能追加。（↓↓↓）

昨日作成した「日本三百名山マップ」「兵庫県 日本百選マップ」も、初期表示を「Google マップ」に置き換え。（↓↓↓）