var gsi = L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { attribution: '© <a href="https://maps.gsi.go.jp">国土地理院地図</a> contributors' }); var osm = L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }); var Bing = new L.BingLayer("AvRR1iCvcIBp2R9fSTjK7FSHYDT0zpGCWT9PoyO7gHt9nEFBOcROZuuTnXjhWOig", {type: "Road", culture: "ja"}); var map = L.map('hogemap',{ zoomControl:false, }); gsi.addTo(map); map.setView([39.03277, 140.02994], 20); var baseMaps = { "地理院地図" : gsi, "オープンストリートマップ" : osm, "BingMap" : Bing }; //layersコントロールにbaseMapsオブジェクトを設定して地図に追加 //コントロール内にプロパティ名が表示される L.control.layers(baseMaps).addTo(map); L.control.scale().addTo(map); L.marker([38.8935,139.8190],{title:"公益大"}).addTo(map); /*mymap.on("click",(e)=>{ var marker = L.marker(e.latlng); marker.on("click",(e)=>{e.target.remove();}); marker.addTo(mymap); }); */ map.on("click", (e) => { var maru = L.circle(e.latlng, 20); //まず変数に保存 setTimeout(() => {maru.remove();}, 3000); //3000ミリ秒経ったら消す maru.addTo(map); var newh1 = "北緯" + e.latlng.lat + ", 東経"+e.latlng.lng; document.getElementById("latlng").textContent = newh1; });