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
+})();