(() => { 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: '© <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); })();