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);