(() => {
var mymap = L.map("mymap").setView([38.899458,139.820037], 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);

/* Add some objects on a Map */
    
var pl = [			// Polyline: 連続線分
    [38.894475,139.819334],
    [38.894855,139.819345],
    [38.894855,139.820010],
    [38.896847,139.819908],
    [38.898734,139.818926],
    [38.900617,139.821936],
    [38.902095,139.820525],
    [38.902512,139.819543],
    [38.902683,139.819635]
];
var plProp = {			// polylineのプロパティを定義
    color: "lightblue",		// 線分の色
    opacity: 0.7,		// 線分の透明度
    weight: 10			// 線分の太さ
};
var plobj = L.polyline(pl, plProp).addTo(mymap);

var marker1 = pl[0], marker2 = pl[pl.length-1]; // polylineの始点と終点
var m1opt = {title: "東北公益文科大学"}, m2opt = {title: "金山、アンデス"};
var m1 = L.marker(marker1, m1opt).addTo(mymap);
var m2 = L.marker(marker2, m2opt).addTo(mymap);

/* オブジェクトレイヤ.bindPopup() でクリック時のポップアップを定義できる */
plobj.bindPopup("目的地までの経路です");
m1.bindPopup("スタート地点");
// 次のようにあらかじめ1つのポップアップを開いておくことも可能
m2.bindPopup("金山、アンデスです!ご飯が食べられます!パフェもあるよ").openPopup();
})();