晴歩雨描

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

Leaflet地図:世界地図で「Google 衛星写真」を表示できるようにした。

地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図をいくつか作成してきた。

Leafletで作成した地図で、「Google 衛星写真」を表示できるようにした。

現在地&住所検索

世界地図:Jawg Maps + 雨雲

世界地図:Jawg Maps + 雨雲 + 国旗

世界地図:Jawg Maps + 雨雲 + 世界の国旗(40px)

世界地図:Jawg Maps + 雨雲 + 世界の国旗(80px)

≪プログラムソース(抜粋)≫

var GoogleMapSatellite = L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {
	subdomains: ['mt0','mt1','mt2','mt3'],
	attribution: "<a href='https://developers.google.com/maps/documentation' target='_blank'>Google Map</a>",
});
var baseMap = {
	"Jawg.Streets": Jawg_Streets,
	"Jawg.Terrain": Jawg_Terrain,
	"Jawg.Sunny": Jawg_Sunny,
	"Jawg.Light": Jawg_Light,
	"OpenStreetMap": OpenStreetMap,
	"Esri World Topo Map": Esri_World_Topo_Map,
	"Google Map": GoogleMap,
	"Google Map Satellite": GoogleMapSatellite
};