Newer
Older
2021-masuko / hogemap.js
var mymap = L.map("hogemap").setView([38.90307,139.84720], 30);
L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
 attribution:
   '&copy; <a href="https://www.gsi.go.jp">国土地理院</a> contributors'
}).addTo(mymap);
L.control.scale().addTo(mymap);
mymap.on("click", (e) => {
  L.circle(e.latlng, 20).addTo(mymap);
});
mymap.on("click", (e) => {
    var maru = L.circle(e.latlng, 20);		//まず変数に保存
    setTimeout(() => {maru.remove();}, 3000);	//3000ミリ秒経ったら消す
    maru.addTo(mymap);
});
mymap.on("click", (e) => {
    var maru = L.circle(e.latlng, 20);		//まず変数に保存
    setTimeout(() => {maru.remove();}, 3000);	//3000ミリ秒経ったら消す
    maru.addTo(mymap);
    var newh1 = "北緯" + e.latlng.lat + ", 東経"+e.latlng.lng;
    document.getElementById("latlng").textContent = newh1;
});