Newer
Older
2021-Yu / circletimer.js
/* domon.js - 北緯38.891度, 東経139.824度, ズームレベル16 で地図表示(自分で座標変更済) */
 
var mymap = L.map("hogemap").setView([38.96906230578634, 139.84348438550842], 16);
L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
 attribution:
   '<a href="http://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>'
}).addTo(mymap);
L.marker([38.96906230578634, 139.84348438550842]).addTo(mymap);
// クリック位置にマーカーを追加 再度クリックで削除
/* 
mymap.on("click", (e) => {
  var marker = L.marker(e.latlng);
  marker.on("click", (e) => {e.target.remove();});
  marker.addTo(mymap);
});
*/
// クリック位置に円(20m)を追加

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;
});