晴歩雨描

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

Leaflet地図:Google MAPS APIなしでGoogleマップが使える。サンプルソース。

昨日、「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);

f:id:art2nd:20210429110223j:plain

サンプル >>> https://ok2nd.sakura.ne.jp/leaflet/tokyo-04.html

その後、機能追加。(↓↓↓)

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