diff --git a/leaflet/domon.js b/leaflet/domon.js index e32c7ff..7a2ca48 100644 --- a/leaflet/domon.js +++ b/leaflet/domon.js @@ -1,11 +1,21 @@ -var mymap = L.map("mymap").setView([38.906831,139.848232], 14); -L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: - '© OpenStreetMap contributors' -}).addTo(mymap); - /* Add some objects on a Map */ +document.addEventListener("DOMContentLoaded", () => { + var mymap = L.map("mymap").setView([38.906831,139.848232], 14); + var osm = + L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + attribution: + 'OpenStreetMap' + }).addTo(mymap); + var eiseimap = + L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/seamlessphoto/{z}/{x}/{y}.jpg', { + attribution: + '地理院衛星画像' + }); + L.control.scale().addTo(mymap); + + + var pl = [ // Polyline: 連続線分 [38.892123,139.818884], [38.891187,139.819313], @@ -66,13 +76,13 @@ fillColor: "blue", // 塗りつぶし部分の色 fillOpacity: 0.2 // 塗りつぶし部分の透明度 }; -var pgobj = L.polygon(pg, pgOpt).addTo(mymap); +var pgobj2 = L.polygon(pg, pgOpt).addTo(mymap); var marker1 = pl[0], marker2 = pg[0]; // polylineとpolygon各々の始点 var m1opt = {title: "その1"}, m2opt = {title: "その2"}; var m3 = L.marker(marker2, m2opt).addTo(mymap); -pgobj.bindPopup("駐車料金を忘れずに!"); +pgobj2.bindPopup("駐車料金を忘れずに!"); m3.bindPopup("駐車場はここ"); // 駐車場までの道↓----------------------------------- @@ -89,5 +99,14 @@ opacity: 0.4, // 線分の透明度 weight: 9 // 線分の太さ }; -var plobj = L.polyline(pl, plProp).addTo(mymap); -plobj.bindPopup("駐車場までの道"); \ No newline at end of file +var plobj2 = L.polyline(pl, plProp).addTo(mymap); +plobj2.bindPopup("駐車場までの道"); + +L.control.layers( + {'OSM': mymap, '地理院衛星画像': eiseimap}, + {'駐車場までの道': plobj2, + '駐車場': pgobj2, + 'MFまでの道':plobj, + 'MF':pgobj,} + ).addTo(mymap); +}, false);