diff --git a/map/03/03.js b/map/03/03.js index 6b8e66e..66f86b2 100644 --- a/map/03/03.js +++ b/map/03/03.js @@ -1,48 +1,48 @@ (() => { - function MyMap(id) { - var mymap; - function init(id) { - // 例: コントロールレイヤ - var osmTile = // OSMのタイル - L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: - '© OpenStreetMap \ - contributors' - }); - var gsiTile = // 国土地理院タイル - L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { - attribution: - '国土地理院' - }); - var geojsonLayer = - L.geoJson(famiraini, { // ここの変数は.geojsonファイルから取得 - 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 = "
" + desc + "
"; - layer.bindPopup(popup); - } - } - }) - mymap = L.map("mymap", { - layers: [gsiTile], - center: [38.917962,139.840853], zoom: 15, scrollWheelZoom: false - }); - // 以下、コントロールレイヤの設定 - // ベースレイヤはOSMと国土地理院2つをJSON形式で指定 - var baseLayers = {'OpenStreetMap': osmTile, '国土地理院': gsiTile}; - // マーカーを2つオーバーレイレイヤに指定 - var ovlLayers = {'ミライニ': geojsonLayer}; - // ベースレイヤとオーバーレイレイヤをマップに追加 - L.control.layers(baseLayers, ovlLayers).addTo(mymap); - } - // ↓初期化時にすぐ実行される - init(id); - }; - document.addEventListener("DOMContentLoaded", function(){ - MyMap("mymap");}, false); - })(); \ No newline at end of file + function MyMap(id) { + var mymap; + function init(id) { + // 例: コントロールレイヤ + var osmTile = // OSMのタイル + L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { + attribution: + '© OpenStreetMap \ + contributors' + }); + var gsiTile = // 国土地理院タイル + L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { + attribution: + '国土地理院' + }); + var geojsonLayer = + L.geoJson(maxvalu, { // maxvalu変数は maxvalu.geojson からロードした + 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 = "" + desc + "
"; + layer.bindPopup(popup); + } + } + }) + mymap = L.map("mymap", { + layers: [gsiTile], + center: [38.9165,139.8297], zoom: 13, scrollWheelZoom: false + }); + // 以下、コントロールレイヤの設定 + // ベースレイヤはOSMと国土地理院2つをJSON形式で指定 + var baseLayers = {'OpenStreetMap': osmTile, '国土地理院': gsiTile}; + // マーカーを2つオーバーレイレイヤに指定 + var ovlLayers = {'マックスバリュ東泉店': geojsonLayer}; + // ベースレイヤとオーバーレイレイヤをマップに追加 + L.control.layers(baseLayers, ovlLayers).addTo(mymap); + } + // ↓初期化時にすぐ実行される + init(id); + }; + document.addEventListener("DOMContentLoaded", function(){ + MyMap("mymap");}, false); + })(); \ No newline at end of file diff --git a/map/03/manoma.geojson b/map/03/manoma.geojson index 45a476d..16d74f9 100644 --- a/map/03/manoma.geojson +++ b/map/03/manoma.geojson @@ -1,4 +1,4 @@ -var manoma ={ +{ "type": "FeatureCollection", "features": [ {