地図データを扱うJavaScript ライブラリ「Leaflet」を使って、地図をいくつか作成してきた。
Leafletで作成した地図で、「Google 衛星写真」を表示できるようにした。
■ 現在地&住所検索
■ 世界地図: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 };