Newer
Older
j2321-tanakai / mymap.js
(() => {
function MyMap(id) {
    var mymap;
    function init(id) {
	mymap = L.map(id).setView([38.891, 139.824], 16);
	L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
	    attribution:
	    '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> \
		contributors'
	}).addTo(mymap);
    }
    function mapObjs() {
	var pl = [			// Polyline: 連続線分
	    [38.857267,139.959780],
	    [38.857296,139.959286],
	    [38.857225,139.958117],
	    [38.857012,139.957334],
	    [38.858186,139.957296],
	    [38.857827,139.951422],
	    [38.859047,139.945849],
	    [38.861674,139.946229],
	    [38.864443,139.946229],
	    [38.865600,139.945983],
	    [38.868102,139.945055],
	    [38.870145,139.943891],
	    [38.874801,139.938719],
	    [38.875503,139.938081],
	    [38.878581,139.935989],
	    [38.883909,139.933425],
	    [38.885362,139.932722],
	    [38.886077,139.932153],
	    [38.886657,139.931150],
	    [38.886895,139.930453],
	    [38.891642,139.911425],
	    [38.891050,139.908727],
	    [38.890757,139.908480],
	    [38.890536,139.908480],
	    [38.890365,139.908566],
	    [38.890252,139.908786],
	    [38.890444,139.909574],
	    [38.889772,139.909537],
	    [38.889371,139.908947],
	    [38.889162,139.908818],
	    [38.889463,139.908029],
	    [38.889041,139.905755],
	    [38.889956,139.901066],
	    [38.890302,139.899366],
	    [38.890603,139.888251],
	    [38.890724,139.887940],
	    [38.891045,139.887527],
	    [38.891809,139.886969],
	    [38.888544,139.884480],
	    [38.887630,139.884083],
	    [38.887404,139.883932],
	    [38.884139,139.879609],
	    [38.882878,139.875231],
	    [38.882874,139.874797],
	    [38.888686,139.860259],
	    [38.888331,139.860125],
	    [38.887580,139.860131],
	    [38.886749,139.859814],
	    [38.889642,139.852754],
	    [38.891901,139.850147],
	    [38.884348,139.839225],
	    [38.883738,139.838480],
	    [38.883366,139.838083],
	    [38.882865,139.837938],
	    [38.868700,139.841993],
	    [38.868056,139.838828],
	    [38.868173,139.838426],
	    [38.868474,139.838088],
	    [38.868583,139.837857],
	    [38.868629,139.837654],
	    [38.868591,139.836613],
	    [38.865968,139.823352],
	    [38.865442,139.821754],
	    [38.864757,139.820466],
	    [38.864051,139.819404],
	    [38.863207,139.818374],
	    [38.861515,139.816990],
	    [38.858758,139.815933],
	    [38.855646,139.815643],
	    [38.854422,139.815472],
	    [38.853687,139.815300],
	    [38.852977,139.815053],
	    [38.852158,139.814731],
	    [38.850207,139.813793],
	    [38.849455,139.813492],
	    [38.847471,139.812918],
	    [38.844425,139.812580],
	    [38.841642,139.811684],
	    [38.840176,139.810874],
	    [38.832370,139.805006],
	    [38.830247,139.803976],
	    [38.828137,139.803236],
	    [38.823828,139.802377],
	    [38.819770,139.802431],
	    [38.817454,139.802726],
	    [38.816058,139.802924],
	    [38.814165,139.802822],
	    [38.813178,139.802619],
	    [38.801984,139.795033],
	    [38.788011,139.787480],
	    [38.786911,139.786713],
	    [38.784093,139.784337],
	    [38.783332,139.783806],
	    [38.781822,139.783146],
	    [38.779949,139.782722],
	    [38.776917,139.782733],
	    [38.775946,139.782566],
	    [38.764897,139.779181],
	    [38.764415,139.779096],
	    [38.762466,139.779042],
	    [38.761253,139.779240],
	    [38.755690,139.780839],
	    [38.751364,139.781402],
	    [38.747302,139.781343],
	    [38.746185,139.781188],
	    [38.744068,139.780630],
	    [38.739511,139.778087],
	    [38.736678,139.775351],
	    [38.731556,139.767761],
	    [38.730046,139.766146],
	    [38.727669,139.764386],
	    [38.718105,139.759558],
	    [38.716674,139.758389],
	    [38.714920,139.756538],
	    [38.712727,139.752740],
	    [38.711823,139.750203],
	    [38.710571,139.745300],
	    [38.708273,139.736626],
	    [38.705740,139.727125],
	    [38.704845,139.724464],
	    [38.703861,139.722437],
	    [38.700072,139.716911],
	    [38.698958,139.714513],
	    [38.696739,139.705372],
	    [38.696421,139.699933],
	    [38.695885,139.697133],
	    [38.694399,139.692675],
	    [38.693905,139.690272],
	    [38.693570,139.685948],
	    [38.693156,139.683443],
	    [38.692155,139.680449],
	    [38.690798,139.677472],
	    [38.680841,139.642501],
	    [38.679743,139.639170],
	    [38.676992,139.634900],
	    [38.670358,139.628398],
	    [38.664787,139.621457],
	    [38.661663,139.616951],
	    [38.657666,139.612552],
	    [38.652246,139.608915],
	    [38.650226,139.607949],
	    [38.623333,139.598465],
	    [38.619436,139.596126],
	    [38.613157,139.591277],
	    [38.607959,139.588487],
	    [38.605536,139.586663],
	    [38.603918,139.584979],
	    [38.602794,139.583112],
	    [38.602752,139.582790],
	    [38.602895,139.582511],
	    [38.603146,139.582361],
	    [38.603448,139.582372],
	    [38.604681,139.583563],
	    [38.604815,139.583874],
	    [38.604899,139.584335],
	    [38.604890,139.584646],
	    [38.604597,139.585730],
	    [38.604236,139.586583],
	    [38.604215,139.586792],
	    [38.604236,139.587049],
	    [38.604396,139.587345],
	    [38.605280,139.587860],
	    [38.605565,139.584383],
	    [38.605561,139.583831],
	    [38.605440,139.583316],
	    [38.605284,139.582994],
	    [38.605138,139.582763],
	    [38.603717,139.581283],
	    [38.603650,139.580194],
	    [38.604547,139.579287],
	    [38.604790,139.578606],
	    [38.605741,139.577297],
	    [38.605880,139.576541],
	    [38.605062,139.575940],
	    [38.604911,139.575135],
	    [38.604584,139.574577],
	    [38.604190,139.574100],
	    [38.604136,139.573794]
	   
	    ];
	   
	    
	var plProp = {			// polylineに与えるオプション
	    color: "red",		// 線分の色
	    opacity: 0.4,		// 線分の透明度
	    weight: 5			// 線分の太さ
	};
	L.polyline(pl, plProp).addTo(mymap);

	var marker1 = pl[0], marker2 = pg[0];
	var m1opt = {title: "その1"}, m2opt = {title: "その2"};
	var m1 = L.marker(marker1, m1opt).addTo(mymap);
	var m2 = L.marker(marker2, m2opt).addTo(mymap);
	m1.bindPopup("その1ですよ!");
	m2.bindPopup("その2ですよ!");
    }
    // ↓初期化時にすぐ実行される
    init(id);
    mapObjs();
};
document.addEventListener("DOMContentLoaded", function(){
    MyMap("mymap");}, false);
})();