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