diff --git a/map/domon/mapobj.js b/map/domon/mapobj.js index 43cb70f..d443459 100644 --- a/map/domon/mapobj.js +++ b/map/domon/mapobj.js @@ -1,21 +1,28 @@ (() => { function MyMap(id) { - mymap; + var mymap; function init(id) { - mymap = L.map("mymap").setView([38.8877,139.8363], 15); - // OpenStreetMap - L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { - attribution: - '© OpenStreetMap \ - contributors' - }).addTo(mymap); - // 国土地理院 - /* - L.tileLayer('//cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { - attribution: - '国土地理院' - }).addTo(mymap); - */ + // 例: コントロールレイヤ + 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: + '国土地理院' + }); + mymap = L.map("mymap", { + layers: [gsiTile], + center: [38.8877,139.8363], zoom: 15, scrollWheelZoom: false + }); + // 以下、コントロールレイヤの設定 + // ベースレイヤはOSMと国土地理院2つをJSON形式で指定 + var baseLayers = {'OpenStreetMap': osmTile, '国土地理院': gsiTile}; + // ベースレイヤとオーバーレイレイヤをマップに追加 + L.control.layers(baseLayers).addTo(mymap); } function mapObjs() { var pl = [ // Polyline: 連続線分 @@ -96,4 +103,4 @@ }; document.addEventListener("DOMContentLoaded", function(){ MyMap("mymap");}, false); -})(); \ No newline at end of file +})();