(() => {
// 例: GeoJSONファイルを leaflet-ajax でロードする
var jsonmap = L.map("anzen");
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 anzenlayer = new L.GeoJSON.AJAX("anzen.geojson",{
    onEachFeature: function(j, layer) {
	let p = j.properties;
	if (p) {
	    let name = p.name, desc = p.description;
	    if (p.name) {
		if (desc) {
		    // {{画像URL}} → <img src="画像URL"> に置換する
		    desc = desc.replace(/{{(.*)}}/, '<img src="$1">')
		}
		let popup = "<h3>" + name + "</h3>" + "<p>" + desc + "</p>";
		layer.bindPopup(popup);
	    }
	}
    }});
anzenlayer.addTo(jsonmap);
anzenlayer.on('data:loaded', function() {
    jsonmap.fitBounds(anzenlayer.getBounds());
    // alert(JSON.stringify(anzenlayer.toGeoJSON()));
    // anzenlayer.toGeoJSON() で元のGeoJSONが得られる
});
L.control.layers(null, {"Triangle": anzenlayer}).addTo(jsonmap);
})();