document.addEventListener("DOMContentLoaded", () => {
    var mymap = L.map("mymap").setView([38.906196,139.832010], 13.4);
    var gsimap =
	L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
	    attribution:
	    '<a href="http://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>'
	}).addTo(mymap);
    var gsiSatellite =
	L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/seamlessphoto/{z}/{x}/{y}.jpg', {
	    attribution:
	    '<a href="http://maps.gsi.go.jp/development/ichiran.html">地理院衛星画像</a>'
	});
    var osmtopo =
	L.tileLayer('//{s}.tile.opentopomap.org/{z}/{x}/{y}.png', {
	    attribution:
	    '&copy; OpenStreetMap contributions, SRTM | map style: &copy; OpenTopoMap'
	});
    L.control.scale().addTo(mymap);
    //公益大から喫茶CLOAKまで
    var kissaCloak = [ //地理院地図で右クリックして下に出る値をもらう
	[38.894807,139.820063],
	[38.896308,139.820006],
	[38.896782,139.819920],
	[38.897176,139.819777],
	[38.897557,139.819580],
	[38.898178,139.819288],
	[38.898724,139.818976],
	[38.898905,139.819208],
	[38.899389,139.820036],
	[38.899977,139.821057],
	[38.900590,139.821956],
	[38.900987,139.822454],
	[38.901588,139.823523],
	[38.902179,139.824596],
	[38.903000,139.825886],
	[38.904922,139.829282],
	[38.906152,139.831400],
	[38.907170,139.833201],
	[38.907711,139.834124],
	[38.908663,139.835695],
	[38.909585,139.836802],
	[38.909982,139.837411],
	[38.910687,139.838197],
	[38.911265,139.838767],
	[38.912212,139.839766],
	[38.912396,139.839998],
	[38.913150,139.840239],
	[38.913982,139.840480],
	[38.915166,139.840914],
	[38.916030,139.841172],
	[38.916795,139.841459],
	[38.917874,139.841802],
	[38.918849,139.842060],
	[38.919570,139.842249],
	[38.921024,139.842616],
	[38.921471,139.842633],
	[38.923747,139.842658],
	[38.924697,139.842637],
	[38.925655,139.842638],
	[38.927371,139.842646],
	[38.928770,139.842648],
	[38.928831,139.842837]
    ];
    var cloakProp = {color: "purple", opacity: 0.6, weight: 8};
    var cloakRoute = L.polyline(kissaCloak, cloakProp).addTo(mymap); //ルートの追加
    //お店を囲む
    var cloakPolygon = [
	[38.928937,139.842776],
	[38.928906,139.843033],
	[38.928639,139.842750]
    ];
    var polyProp = {
	color: "black", fillColor: "orange", fillOpacity: 0.5}
    var taroTenpo = L.polygon(cloakPolygon, polyProp).addTo(mymap);
    cloakTenpo.bindPopup("cloakだよ");

    L.control.layers(
	{'地理院地図': gsimap, '地理院衛星画像': gsiSatellite, 'OSM Topo': osmtopo},
	{'cloakの道順':	cloakRoute,
	 'cloak店舗':		cloakTenpo}
    ).addTo(mymap);

}, false);