MediaWiki:Kartographer.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Jedes JavaScript an dieser Stelle wird für alle Benutzer auf Seiten geladen, die Karten enthalten */

(function (mw) {
    var maptiles = {/*
        "mapnik": {
            "tilesUrl": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
            "options": {
                "wvIsExternal": true,
                "wvName": "Mapnik",
                "subdomains": ["a", "b", "c"],
                "attribs": [
                    {
                        "url": "https://www.openstreetmap.org/copyright",
                        "name": "OpenStreetMap",
                        "label": "Map data"
                    }
                ]
            }
        },*/
        "openseamap": {
            "tilesUrl": "https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png",
            "options": {
                "wvIsExternal": true,
                "wvIsOverlay": true,
                "wvName": "Open Sea Map",
                "defaultActive": true,
                "attribs": [
                    {
                        "url": "https://www.openstreetmap.org/copyright",
                        "name": "OpenStreetMap",
                        "label": "Map data"
                    },
                    {
                        "url": "https://www.openseamap.org/",
                        "name": "Open Sea Map",
                        "label": "Map style"
                    }
                ]
            }
        },
        "contours": {
            "tilesUrl": "https://tiles.scuba-spot.info/contours/{z}/{x}/{y}",
            "options": {
                "wvIsExternal": true,
                "wvIsOverlay": true,
                "wvName": "Contours",
                "defaultActive": false,
                "attribs": [
                    {
                        "url": "https://www.swisstopo.admin.ch/de/hoehenmodell-swissbathy3d",
                        "name": "swissBathy3D",
                        "label": "©swisstopo"
                    }
                ]
            }
        }
        // Add more layers as needed
    };

    // Function to add layers to the map
    function addCustomLayers(map) {
        var baseLayers = {};
        var overlayLayers = {};

        for (var key in maptiles) {
            var tile = maptiles[key];
            var layer = L.tileLayer(tile.tilesUrl, tile.options);
            if (tile.options.wvIsOverlay) {
                overlayLayers[tile.options.wvName] = layer;
                //if (tile.options.defaultActive) {
                //    layer.addTo(map);
                //}
            } else {
                baseLayers[tile.options.wvName] = layer;
            }
        }

        L.control.layers(baseLayers, overlayLayers).addTo(map);
    }

    // Hook into Kartographer's map initialization
    mw.hook('wikipage.maps').add(function (maps) {
        maps.forEach(function (map) {
            //addCustomLayers(map);

L.vectorGrid.protobuf('https://tiles.scuba-spot.info/contours/{z}/{x}/{y}', {
  vectorTileLayerStyles: {
    merged: {
      weight: 1,
      color: '#333',
    }
  },
  interactive: true,
}).addTo(map);

        });
    });
})(mediaWiki);