MediaWiki:Kartographer.js: Unterschied zwischen den Versionen

Abgerufen von „https://scuba.dxdy.ch/wiki/MediaWiki:Kartographer.js“

@@ Zeile 1: / Zeile 1: @@
-/* Jedes JavaScript an dieser Stelle wird für alle Benutzer auf Seiten geladen, die Karten enthalten */
+/* Global JavaScript for Kartographer maps */
 (function (mw) {
-    var maptiles = {
+  // Metadata-only definitions: no direct L.* calls here
-        "mapnik": {
+  const tileLayers = {
-            "tilesUrl": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+    overlays: {
-            "options": {
+      openseamap: {
-                "wvIsExternal": true,
+        name: "Open Sea Map",
-                "wvName": "Mapnik",
+        isVector: false,
-                "subdomains": ["a", "b", "c"],
+         tilesUrl: "https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png",
-                "attribs": [
+        options: {
-                    {
+          spDefaultActive: true,
-                        "url": "https://www.openstreetmap.org/copyright",
+          attribs: [
-                        "name": "OpenStreetMap",
+            {
-                        "label": "Map data"
+              url: "https://www.openstreetmap.org/copyright",
-                    }
+              name: "OpenStreetMap",
-                ]
+              label: "Map data"
-            }
+            },
-        },
+            {
-         "landscape": {
+              url: "https://www.openseamap.org/",
-            "tilesUrl": "https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png",
+              name: "Open Sea Map",
-            "options": {
+              label: "Map style"
-                "wvIsExternal": true,
-                "wvName": "Open Sea Map",
-                "attribs": [
-                    {
-                        "url": "https://www.openstreetmap.org/copyright",
-                        "name": "OpenStreetMap",
-                        "label": "Map data"
-                    },
-                    {
-                        "url": "https://www.openseamap.org/",
-                        "name": "Open Sea Map",
-                        "label": "Map style"
-                    }
-                ]
              }
+          ],
+          maxNativeZoom: 18,
+          maxZoom: 19,
+        }
+      },
+      contours: {
+        name: "Contours",
+        isVector: true,
+        tilesUrl: "https://tiles.scuba-spot.info/contours/{z}/{x}/{y}",
+        options: {
+          vectorTileLayerStyles: {
+            merged: { weight: 1, color: "#333" }
+          },
+          interactive: true,
+          defaultActive: false,
+          maxNativeZoom: 18,
+          maxZoom: 19,
          }
-        // Add more layers as needed
+      }
-     };
+    },
+    baseLayers: {
+      // future base-layer entries
+     }
+  };
-    // Function to add layers to the map
+  // Create a Leaflet layer (tile or vector) from metadata
-    function addCustomLayers(map) {
+  function makeLayer(def) {
-        // Implementation to add layers to the map
+    if (def.isVector) {
-        // This typically involves adding controls to switch layers
+      return L.vectorGrid.protobuf(def.tilesUrl, def.options);
      }
+    return L.tileLayer(def.tilesUrl, def.options);
+  }
+  // Add layers to the map with control and default activation
+  function addCustomLayers(map) {
+    const base = {};
+    const overlays = {};
+    Object.values(tileLayers.baseLayers).forEach(def => {
+      base[def.name] = makeLayer(def);
+    });
-     // Hook into Kartographer's map initialization
+     Object.values(tileLayers.overlays).forEach(def => {
-    mw.hook('wikipage.maps').add(function (maps) {
+      const layer = makeLayer(def);
-        maps.forEach(function (map) {
+      overlays[def.name] = layer;
-            addCustomLayers(map);
+      if (def.options.spDefaultActive) {
-        });
+        layer.addTo(map);
+      }
      });
+    L.control.layers(base, overlays).addTo(map);
+  }
+  // Inline maps
+  mw.hook("wikipage.maps").add(function (maps) {
+    if (Array.isArray(maps)) {
+      maps.forEach(addCustomLayers);
+    } else {
+      addCustomLayers(maps);
+    }
+  });
+  // Full-screen maps
+  mw.hook("kartographer.bootstrap.map").add(addCustomLayers);
+  mw.hook("kartographer.bootstrap.mapWindow").add(addCustomLayers);
 })(mediaWiki);