Newer
Older
2021-minosanjo / pop.js
@みのさんじょー みのさんじょー on 24 Aug 2021 1 KB ぽっぷこーんⅡ
/* 北緯38.891度, 東経139.824度, ズームレベル16 で地図表示 */
var mymap = L.map("hogemap").setView([38.891, 139.824], 16);
L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 attribution:
   '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
L.control.scale().addTo(mymap);
// クリック位置にマーカーを追加
mymap.on("click", (e) => {
    var pop = document.getElementById("foo").value,
	mkr = L.marker(e.latlng, {draggable: true});	//マーカーを生成
    mkr.bindPopup(pop).addTo(mymap);	//bindPopup(文字列)で設定、それを足す
    mkr.on("click", (e) => {		//クリックされたら...
	// ここで受け取る e はLeaflet固有のイベントオブジェクトで
	// 緯度軽度などを地図に関連する情報専用のもの。
	// これからブラウザ上本来の event オブジェクトを得るのが
	// originalEventプロパティ
	if (e.originalEvent.shiftKey) {	//SHIFTキーの状態は shiftKey で取れる
	    e.target.remove();		//マーカーオブジェクトを得て remove()
	}
    });
});