diff --git a/README.md b/README.md index 7beef0b..ba9956e 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,24 @@ -jiken +/* 北緯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: + '© OpenStreetMap 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() + } + }); +}); + ===============