地理院地図は Microsoft Edge, Google Chrome, Mozilla Firefox, Apple Safari でご利用ください。
（これらのブラウザでこのメッセージが表示されている場合は、キャッシュデータの削除をお試しください。）
// スタイルつき GeoJSON読み込み
// 「./sample1.geojson」の部分を適宜変更してください。
var xhr = new XMLHttpRequest();
xhr.open('GET', './youto.geojson', false);
xhr.send(null);
var sampledata = JSON.parse(xhr.responseText);
var sampleLayer = L.geoJson(sampledata, {
pointToLayer: function (feature, latlng) {
var s = geojson_style(feature.properties);
if(feature.properties['_markerType']=='Icon'){
var myIcon = L.icon(s);
return L.marker(latlng, {icon: myIcon});
}
if(feature.properties['_markerType']=='DivIcon'){
var myIcon = L.divIcon(s);
return L.marker(latlng, {icon: myIcon});
}
if(feature.properties['_markerType']=='Circle'){
return L.circle(latlng,feature.properties['_radius'],s);
}
if(feature.properties['_markerType']=='CircleMarker'){
return L.circleMarker(latlng,s);
}
},
style: function (feature) {
if(!feature.properties['_markerType']){
var s = geojson_style(feature.properties);
return s;
}
},
onEachFeature: function (feature, layer) {
layer.bindPopup(popup_properties(feature.properties));
}
});
// スタイルつき GeoJSON読み込みここまで
この情報はズームmin～maxで表示されます。
なお、整備範囲が全国であるとは限りません。
// 背景地図設定
var std = L.tileLayer(
'https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png',
{
attribution: "地理院タイル（標準地図）",
maxNativeZoom: 18,
maxZoom: 18,
opacity:1
}
);
// 中心位置設定
var map = L.map('mapdiv', {
center: [36.102099,140.082239], zoom: 16, layers: [std,sampleLayer]
});
