Scuba-Spot.info

MediaWiki:Kartographer.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* This JavaScript is loaded on all pages containing maps */
/* Global JavaScript for Kartographer maps */


(function (mw) {
(function (mw) {
    // Define overlay and base layers separately
  // Metadata-only definitions: no direct L.* calls here
    const tileLayers = {
  const tileLayers = {
        overlays: {
    overlays: {
            openseamap: {
      openseamap: {
                name: "Open Sea Map",
        name: "Open Sea Map",
                layer: L.tileLayer("https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png", {
        isVector: false,
                    wvIsExternal: true,
        tilesUrl: "https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png",
                    wvIsOverlay: true,
        options: {
                    defaultActive: true,
          spDefaultActive: true,
                    attribs: [
          attribs: [
                        {
            {
                            url: "https://www.openstreetmap.org/copyright",
              url: "https://www.openstreetmap.org/copyright",
                            name: "OpenStreetMap",
              name: "OpenStreetMap",
                            label: "Map data"
              label: "Map data"
                        },
                        {
                            url: "https://www.openseamap.org/",
                            name: "Open Sea Map",
                            label: "Map style"
                        }
                    ]
                })
             },
             },
             contours: {
             {
                name: "Contours",
              url: "https://www.openseamap.org/",
                layer: L.vectorGrid.protobuf("https://tiles.scuba-spot.info/contours/{z}/{x}/{y}", {
              name: "Open Sea Map",
                    vectorTileLayerStyles: {
              label: "Map style"
                        merged: {
                            weight: 1,
                            color: '#333'
                        }
                    },
                    interactive: true
                })
             }
             }
        },
          ],
        baseLayers: {
          maxNativeZoom: 18,
            // Example for future use:
          maxZoom: 19,
            // mapnik: {
            //    name: "Mapnik",
            //    layer: L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { subdomains: ["a", "b", "c"] })
            // }
         }
         }
     };
      },
      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,
        }
      }
     },
    baseLayers: {
      // future base-layer entries
    }
  };
 
  // Create a Leaflet layer (tile or vector) from metadata
  function makeLayer(def) {
    if (def.isVector) {
      return L.vectorGrid.protobuf(def.tilesUrl, def.options);
    }
    return L.tileLayer(def.tilesUrl, def.options);
  }


    function addCustomLayers(map) {
  // Add layers to the map with control and default activation
        const base = {};
  function addCustomLayers(map) {
        const overlays = {};
    const base = {};
    const overlays = {};


        for (const key in tileLayers.baseLayers) {
    Object.values(tileLayers.baseLayers).forEach(def => {
            const entry = tileLayers.baseLayers[key];
      base[def.name] = makeLayer(def);
            base[entry.name] = entry.layer;
    });
        }


        for (const key in tileLayers.overlays) {
    Object.values(tileLayers.overlays).forEach(def => {
            const entry = tileLayers.overlays[key];
      const layer = makeLayer(def);
            overlays[entry.name] = entry.layer;
      overlays[def.name] = layer;
        }
      if (def.options.spDefaultActive) {
        layer.addTo(map);
      }
    });


        L.control.layers(base, overlays).addTo(map);
    L.control.layers(base, overlays).addTo(map);
  }


        // Activate default overlays
  // Inline maps
        for (const key in tileLayers.overlays) {
  mw.hook("wikipage.maps").add(function (maps) {
            const entry = tileLayers.overlays[key];
    if (Array.isArray(maps)) {
            if (entry.layer && entry.layer.options.defaultActive) {
      maps.forEach(addCustomLayers);
                entry.layer.addTo(map);
    } else {
            }
      addCustomLayers(maps);
        }
     }
     }
  });


    // Hook into Kartographer's map initialization
  // Full-screen maps
    mw.hook('wikipage.maps').add(function (maps) {
  mw.hook("kartographer.bootstrap.map").add(addCustomLayers);
        maps.forEach(addCustomLayers);
  mw.hook("kartographer.bootstrap.mapWindow").add(addCustomLayers);
    });
})(mediaWiki);
})(mediaWiki);
Abgerufen von „https://scuba.dxdy.ch/wiki/MediaWiki:Kartographer.js“