Newer
Older
2021-kaoka / kokudo.js
@歌岡大祐 歌岡大祐 on 20 Aug 2021 1 KB update
var gsi = L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://maps.gsi.go.jp">国土地理院地図</a> contributors'
});

var osm = L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 attribution: '&copy; <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;
    });