Newer
Older
j2321-tanakai / myma2.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: 連続線分
    	    [39.051219,139.890783],
    	    [39.039003,139.872050],
    	    [39.036486,139.868660],
    	    [39.033353,139.865978],
    	    [39.030819,139.864669],
    	    [39.010948,139.857352],
    	    [39.007646,139.856772],
    	    [39.004762,139.856730],
    	    [39.001977,139.857137],
    	    [38.987451,139.863532],
    	    [38.985717,139.864132],
    	    [38.982681,139.864089],
    	    [38.974424,139.861579],
    	    [38.969986,139.860420],
    	    [38.967050,139.859948],
    	    [38.963980,139.859691],
    	    [38.960026,139.859841],
    	    [38.954053,139.860764],
    	    [38.950448,139.861987],
    	    [38.919470,139.877028],
    	    [38.916615,139.878037],
    	    [38.913342,139.878595],
    	    [38.911038,139.878681],
    	    [38.909051,139.878595],
    	    [38.906513,139.878187],
    	    [38.901571,139.876578],
    	    [38.896260,139.873981],
    	    [38.877052,139.861686],
    	    [38.875198,139.860163]

    	    ];
    	   
    	    
    	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);
    })();