Newer
Older
2023-Tsubasa / game2 / triangle-umap.js
@Tsubasa Tsubasa on 1 Dec 769 bytes add
// 例: ポップアップつきのuMapオブジェクトを再現する
var jsonmap = L.map("umap-json").setView([38.891, 139.824], 16);
var layer = L.tileLayer(
    'https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png',
    {attribution:
     '&copy; <a href="//www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html">国土地理院</a>'
    }).addTo(jsonmap);
var gj = L.geoJson(triangleUmap, {
    style: function (feature) {
	return feature.properties;
    },
    onEachFeature: function(j, layer) {
	let p = j.properties;
	if (p) {
	    let name = p.name, desc = p.description;
	    let popup = "<h3>" + name + "</h3>" + "<p>" + desc + "</p>";
	    layer.bindPopup(popup);
	}
    }
});
L.control.layers(null, {"Triangle": gj}).addTo(jsonmap);
gj.addTo(jsonmap)