Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Änderung 937 von Admin (Diskussion) rückgängig gemacht.
Markierung: Rückgängigmachung
Zeile 1: Zeile 1:
/**
/**
  * Eventform-Gadget: Komfortables Anlegen von Veranstaltungsseiten
  * Gadget-WikiMap.js
  * Aktiv auf der Seite "Veranstaltungen"
* ============================================================================
* Zentrale Leaflet-Karten-Engine für das Wiki.
*
* KONZEPT
* -------
* EINE zentrale Datenquelle (MediaWiki:WikiMap-Orte.json) hält ALLE Orte.
* Jede Wiki-Seite bindet nur einen leeren <div class="wikimap"> ein und sagt
* über data-Attribute, welcher Ort gerade "aktiv" ist. Dieses Gadget zeichnet
* dann die Karte, alle Pins, hebt den aktiven Pin hervor und zentriert ihn.
*
* Verschiebst du einen Ort, änderst du EINE Zeile in der zentralen JSON –
* jede Karte im ganzen Wiki ist sofort aktuell.
*
* EINBINDUNG AUF EINER SEITE
* --------------------------
*  <div class="wikimap" data-aktiv-ort="gaestehaus-mustertal"></div>
*
* data-Attribute:
  *   data-aktiv-ort  ID des hervorgehobenen Ortes (rot, zentriert, Popup auf)
*  data-filter      nur Orte dieser "kategorie" zeigen. Mehrere Kategorien
*                    kommagetrennt moeglich, z.B. "asiatisch,gasthaus,imbiss"
*  data-pin        Ad-hoc-Pin: "lat,lon" zeigt GENAU EINEN Pin an diesen
*                    Koordinaten und KEINE Orte aus der zentralen JSON.
*                    Fuer Veranstaltungsseiten (Eventform) gedacht.
*  data-pin-name    Optional zum Pin: Text im Popup.
*  data-gemeinden  "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
*  data-nur-aktiv  "ja" => nur den aktiven Ort zeigen, alle anderen Pins
*                    ausblenden (braucht data-aktiv-ort)
*  data-layer      Start-Ansicht per Menü-Name, z.B. "Zug" oder
*                    "Zug + Luftbild". Unbekannter Name => normaler Default.
*  data-hoehe      Pixel-Höhe der Karte (optional, sonst CSS-Default)
*
* ORTE-FELDER (WikiMap-Orte.json)
* -------------------------------
*  id        Pflicht. Anzeigename im Popup UND Ziel-Wikiseite beim Klick.
*  geo        Koordinaten als String "lat,lon" – direkt aus OSM.org oder
*              OrganicMaps kopierbar, Leerzeichen nach dem Komma erlaubt.
*              Beispiel: "47.7073509,15.9933643"
*  lat, lon  Alternative zu geo: Koordinaten als zwei Zahlenfelder.
*  kategorie  Optional. Für Filter und Farben.
*  seite      Optional. Übersteuert das Klick-Ziel. Wiki-Seitenname ODER
*              externe Adresse (beginnend mit http:// oder https://).
*
* ABHÄNGIGKEIT: Leaflet 1.9.x + Leaflet.fullscreen. Dieses Gadget lädt sie
* bei Bedarf selbst (siehe LEAFLET_QUELLEN unten).
* ============================================================================
  */
  */
( function () {
( function () {
'use strict';
'use strict';


// Konfiguration: auf welcher Seite soll der Button erscheinen?
/* ====================================================================
var TRIGGER_PAGE = 'Veranstaltungen';
* 1) KONFIGURATION
* ==================================================================== */
var CONFIG = {
orteSeite: 'MediaWiki:WikiMap-Orte.json',
gemeindenSeite: 'MediaWiki:WikiMap-Gemeinden.json',
defaultCenter: [ 47.6, 16.1 ],
defaultZoom: 7,
focusZoom: 14
};


if ( mw.config.get( 'wgPageName' ) !== TRIGGER_PAGE ) {
var LEAFLET_MODUS = 'lokal'; // 'cdn' zum Testen, 'lokal' für Produktion
return;
var LEAFLET_LOKAL_BASIS = '/resources/lib/leaflet/';
}
 
if ( !mw.config.get( 'wgUserName' ) ) {
return;
}
 
function v( val ) {
return ( val || '' ).trim();
}


/**
var LEAFLET_QUELLEN = {
* Parst gängige Koordinaten-Formate.
cdn: {
* Gibt { lat, lng } zurück oder null bei ungültiger Eingabe.
css: [
*/
'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css',
function parseCoordinates( input ) {
'https://unpkg.com/leaflet.fullscreen@5.3.1/dist/Control.FullScreen.css'
if ( !input ) {
],
return null;
js: [
'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js',
'https://unpkg.com/leaflet.fullscreen@5.3.1/dist/Control.FullScreen.umd.js'
]
},
lokal: {
css: [
LEAFLET_LOKAL_BASIS + 'leaflet.css',
LEAFLET_LOKAL_BASIS + 'Control.FullScreen.css'
],
js: [
LEAFLET_LOKAL_BASIS + 'leaflet.js',
LEAFLET_LOKAL_BASIS + 'Control.FullScreen.umd.js'
]
}
}
var s = input.trim();
};
var m;


// Deutsches Format: Komma als Dezimaltrenner
/* ====================================================================
// "47,7073132, 15,9934565" / "47,7073132; 15,9934565" / "47,7073132 15,9934565"
* 2) HINTERGRUNDKARTEN
m = /^(-?\d+,\d+)\s*[;\s]\s*(-?\d+,\d+)$/.exec( s ) ||
*
/^(-?\d+,\d+),\s+(-?\d+,\d+)$/.exec( s );
* basemap.at: seit 2023 neue Service-URLs unter mapsneu.wien.gv.at.
if ( m ) {
* Quelle: https://cdn.basemap.at/basemap.at_URL_Umstellung_2023.pdf
var latDE = parseFloat( m[ 1 ].replace( ',', '.' ) );
*
var lngDE = parseFloat( m[ 2 ].replace( ',', '.' ) );
* Tracestrack: API-Schlüssel auf Referer schwarzatal.org beschränkt.
if ( isFinite( latDE ) && isFinite( lngDE ) &&
* Quelle: https://console.tracestrack.com/
Math.abs( latDE ) <= 90 && Math.abs( lngDE ) <= 180 ) {
* ==================================================================== */
return { lat: latDE, lng: lngDE };
function baueLayer() {
var osmStandard = L.tileLayer(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
);
var osmRelief = L.tileLayer(
'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
{
maxZoom: 17,
attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | ' +
'Darstellung: © OpenTopoMap (CC-BY-SA)'
}
}
}
);
var tracestrack = L.tileLayer(
'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png' +
'?key=bc0464a46d41b1107569bd81112f05ab',
{
maxZoom: 19,
attribution: '© <a href="https://www.tracestrack.com/">Tracestrack</a>, ' +
'© OpenStreetMap-Mitwirkende'
}
);
var luftbild = L.tileLayer(
'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
'normal/google3857/{z}/{y}/{x}.jpeg',
{
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
}
);
var overlay = L.tileLayer(
'https://mapsneu.wien.gv.at/basemap/bmapoverlay/' +
'normal/google3857/{z}/{y}/{x}.png',
{
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
}
);
// Zweite Luftbild-Instanz für die Gruppe, damit Layer-Wechsel nicht
// zwischen Gruppe und Solo-Luftbild kollidieren (Race Condition).
var luftbildKopie = L.tileLayer(
'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
'normal/google3857/{z}/{y}/{x}.jpeg',
{
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
}
);
var gemischt = L.layerGroup( [ luftbildKopie, overlay ] );


// Internationales Dezimal: "47.75,15.68" / "47.75 15.68" / "47.75; 15.68" / "-47.75,15.68"
// OpenRailwayMap ist ein transparentes Gleis-Overlay und braucht eine
m = /^(-?\d+(?:\.\d+)?)\s*[,;\s]\s*(-?\d+(?:\.\d+)?)$/.exec( s );
// Basiskarte darunter. Eigene OSM-Instanz für die Gruppe (gleiches
if ( m ) {
// Race-Condition-Muster wie beim Luftbild). Der Tileserver liefert
var lat = parseFloat( m[ 1 ] );
// 512px-Kacheln, daher tileSize/zoomOffset. Die a/b/c-Subdomains sind
var lng = parseFloat( m[ 2 ] );
// deprecated, daher URL ohne {s}.
if ( isFinite( lat ) && isFinite( lng ) &&
var osmFuerBahn = L.tileLayer(
Math.abs( lat ) <= 90 && Math.abs( lng ) <= 180 ) {
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
return { lat: lat, lng: lng };
{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
);
var bahnOverlay = L.tileLayer(
'https://tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
{
maxZoom: 19,
tileSize: 512,
zoomOffset: -1,
attribution: 'Overlay: <a href="https://www.openrailwaymap.org/">OpenRailwayMap</a> (CC-BY-SA 2.0)'
}
}
);
var eisenbahn = L.layerGroup( [ osmFuerBahn, bahnOverlay ] );
// Hilfsfunktionen für frische Instanzen: jede LayerGroup braucht
// EIGENE Tile-Layer, sonst kollidieren die Gruppen beim Umschalten
// (Race Condition, siehe luftbildKopie oben).
function neuesLuftbild() {
return L.tileLayer(
'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
'normal/google3857/{z}/{y}/{x}.jpeg',
{
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
}
);
}
function neuesBmapOverlay() {
return L.tileLayer(
'https://mapsneu.wien.gv.at/basemap/bmapoverlay/' +
'normal/google3857/{z}/{y}/{x}.png',
{
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
}
);
}
function neuesBahnOverlay() {
return L.tileLayer(
'https://tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
{
maxZoom: 19,
tileSize: 512,
zoomOffset: -1,
attribution: 'Overlay: <a href="https://www.openrailwaymap.org/">OpenRailwayMap</a> (CC-BY-SA 2.0)'
}
);
}
function neuesOsm() {
return L.tileLayer(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
);
}
function neuesOpenTopo() {
return L.tileLayer(
'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
{
maxZoom: 17,
attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | ' +
'Darstellung: © OpenTopoMap (CC-BY-SA)'
}
);
}
}
 
function neuesTracestrack() {
// Dezimal mit NSEW: "47.75N 15.68E" / "47.75°N, 15.68°E" (auch mit Dezimal-Komma: "47,75N 15,68E")
return L.tileLayer(
m = /^(\d+(?:[.,]\d+)?)\s*°?\s*([NS])\s*[,;\s]?\s*(\d+(?:[.,]\d+)?)\s*°?\s*([EW])$/i.exec( s );
'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png' +
if ( m ) {
'?key=bc0464a46d41b1107569bd81112f05ab',
var lat2 = parseFloat( m[ 1 ].replace( ',', '.' ) );
{
if ( m[ 2 ].toUpperCase() === 'S' ) { lat2 = -lat2; }
maxZoom: 19,
var lng2 = parseFloat( m[ 3 ].replace( ',', '.' ) );
attribution: '© <a href="https://www.tracestrack.com/">Tracestrack</a>, ' +
if ( m[ 4 ].toUpperCase() === 'W' ) { lng2 = -lng2; }
'© OpenStreetMap-Mitwirkende'
if ( isFinite( lat2 ) && isFinite( lng2 ) &&
}
Math.abs( lat2 ) <= 90 && Math.abs( lng2 ) <= 180 ) {
);
return { lat: lat2, lng: lng2 };
}
}
}


// DMS: 47°45'00.0"N 15°40'48.0"E
// Zug-Kombis: jeweils Basiskarte(n) unten, Gleise obendrauf.
// Akzeptiert gerade (' ") und typografische (’ ” ″ ′) Zeichen
var zugLuftbildKarte = L.layerGroup(
m = /^(\d+)\s*°\s*(\d+)\s*['\u2019\u2032]\s*(\d+(?:[.,]\d+)?)\s*["\u201D\u2033]\s*([NS])\s*[,;\s]?\s*(\d+)\s*°\s*(\d+)\s*['\u2019\u2032]\s*(\d+(?:[.,]\d+)?)\s*["\u201D\u2033]\s*([EW])$/i.exec( s );
[ neuesLuftbild(), neuesBmapOverlay(), neuesBahnOverlay() ]
if ( m ) {
);
var lat3 = parseInt( m[ 1 ], 10 ) + parseInt( m[ 2 ], 10 ) / 60 + parseFloat( m[ 3 ].replace( ',', '.' ) ) / 3600;
var zugLuftbild = L.layerGroup( [ neuesLuftbild(), neuesBahnOverlay() ] );
if ( m[ 4 ].toUpperCase() === 'S' ) { lat3 = -lat3; }
var zugKarte = eisenbahn; // OSM + Gleise (bereits oben gebaut)
var lng3 = parseInt( m[ 5 ], 10 ) + parseInt( m[ 6 ], 10 ) / 60 + parseFloat( m[ 7 ].replace( ',', '.' ) ) / 3600;
var zugTopo = L.layerGroup( [ neuesOpenTopo(), neuesBahnOverlay() ] );
if ( m[ 8 ].toUpperCase() === 'W' ) { lng3 = -lng3; }
var zugTopo2 = L.layerGroup( [ neuesTracestrack(), neuesBahnOverlay() ] );
if ( Math.abs( lat3 ) <= 90 && Math.abs( lng3 ) <= 180 ) {
return { lat: lat3, lng: lng3 };
}
}


// DM: 47°45.000'N 15°40.800'E (auch typografische Zeichen)
// Bus: ÖPNVKarte (memomaps.de) ist eine VOLLSTÄNDIGE Karte mit
m = /^(\d+)\s*°\s*(\d+(?:[.,]\d+)?)\s*['\u2019\u2032]\s*([NS])\s*[,;\s]?\s*(\d+)\s*°\s*(\d+(?:[.,]\d+)?)\s*['\u2019\u2032]\s*([EW])$/i.exec( s );
// Buslinien/Haltestellen, KEIN transparentes Overlay. Deshalb gibt
if ( m ) {
// es keine Bus+Luftbild-Kombis. Hinweis: Datenpflege des Projekts
var lat4 = parseInt( m[ 1 ], 10 ) + parseFloat( m[ 2 ].replace( ',', '.' ) ) / 60;
// ist laut OSM-Wiki unregelmäßig.
if ( m[ 3 ].toUpperCase() === 'S' ) { lat4 = -lat4; }
var bus = L.tileLayer(
var lng4 = parseInt( m[ 4 ], 10 ) + parseFloat( m[ 5 ].replace( ',', '.' ) ) / 60;
'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
if ( m[ 6 ].toUpperCase() === 'W' ) { lng4 = -lng4; }
{
if ( Math.abs( lat4 ) <= 90 && Math.abs( lng4 ) <= 180 ) {
maxZoom: 18,
return { lat: lat4, lng: lng4 };
attribution: 'Karte: <a href="https://memomaps.de/">memomaps.de</a> ' +
'(CC-BY-SA), Daten: © OpenStreetMap-Mitwirkende'
}
}
}
);


return null;
return {
basis: {
'Luftbild + Karte': gemischt,
'Luftbild': luftbild,
'Karte': osmStandard,
'Topokarte': osmRelief,
'Topokarte2': tracestrack,
'Zug + Luftbild + Karte': zugLuftbildKarte,
'Zug + Luftbild': zugLuftbild,
'Zug + Karte': zugKarte,
'Zug + Topokarte': zugTopo,
'Zug + Topokarte2': zugTopo2,
'Bus': bus
},
standard: gemischt
};
}
}


function fmtCoord( n ) {
/* ====================================================================
return n.toFixed( 7 );
* 3) PIN-ICONS
* ==================================================================== */
function icon( aktiv ) {
return L.divIcon( {
className: 'wikimap-pin' + ( aktiv ? ' wikimap-pin-aktiv' : '' ),
iconSize: aktiv ? [ 28, 28 ] : [ 18, 18 ],
iconAnchor: aktiv ? [ 14, 28 ] : [ 9, 18 ],
popupAnchor: [ 0, aktiv ? -28 : -18 ]
} );
}
}


function buildOsmUrl( c ) {
/* ====================================================================
var lat = fmtCoord( c.lat );
* 4) DATEN AUS WIKI-JSON-SEITE
var lng = fmtCoord( c.lng );
* ==================================================================== */
return 'https://www.openstreetmap.org/?mlat=' + lat + '&mlon=' + lng + '#map=17/' + lat + '/' + lng;
function ladeJson( seite ) {
var api = new mw.Api();
return api.get( {
action: 'query',
prop: 'revisions',
titles: seite,
rvprop: 'content',
rvslots: 'main',
formatversion: 2
} ).then( function ( data ) {
var page = data.query.pages[ 0 ];
if ( !page || page.missing || !page.revisions ) {
throw new Error( 'Seite fehlt: ' + seite );
}
return JSON.parse( page.revisions[ 0 ].slots.main.content );
} );
}
}


function buildGoogleMapsUrl( c ) {
/* ====================================================================
return 'https://www.google.com/maps?q=' + fmtCoord( c.lat ) + ',' + fmtCoord( c.lng );
* 5) EINE EINZELNE KARTE BAUEN
}
* ==================================================================== */
function baueKarte( container, orte, gemeinden, kategorien ) {
var aktivId = container.getAttribute( 'data-aktiv-ort' ) || null;


function buildCoMapsUrl( c, titel ) {
// Ad-hoc-Pin-Modus: data-pin="lat,lon" zeigt GENAU EINEN Pin an
// Offizielles CoMaps-Deep-Link-Format (siehe https://comaps.at/api):
// diesen Koordinaten und KEINE Orte aus der zentralen JSON.
// https-Link, der im Browser die Web-Ansicht öffnet und auf Android
// Gedacht z.B. für Veranstaltungsseiten (Eventform), deren Ort
// direkt die installierte CoMaps-App startet, mit Pin und Titel.
// nicht in WikiMap-Orte.json gepflegt wird.
var url = 'https://comaps.at/map?v=1&ll=' +
// Optional: data-pin-name für den Popup-Text.
fmtCoord( c.lat ) + ',' + fmtCoord( c.lng );
var pinAttr = container.getAttribute( 'data-pin' ) || '';
if ( titel ) {
var pinKoord = null;
url += '&n=' + encodeURIComponent( titel );
if ( pinAttr ) {
var pinTeile = pinAttr.split( ',' );
if ( pinTeile.length === 2 ) {
var pLat = parseFloat( pinTeile[ 0 ] );
var pLon = parseFloat( pinTeile[ 1 ] );
if ( !isNaN( pLat ) && !isNaN( pLon ) ) {
pinKoord = [ pLat, pLon ];
}
}
}
}
return url;
var pinName = container.getAttribute( 'data-pin-name' ) || '';
}


function buildWikitext( f ) {
// Nur den aktiven Ort zeigen (alle anderen Pins ausblenden).
var lines = [];
var nurAktiv = container.getAttribute( 'data-nur-aktiv' ) === 'ja';
lines.push( '[[Hauptseite]] > [[Hauptseite#Kultur & Events|Kultur & Events]] > [[Veranstaltungen]]' );


// Zeit
// Start-Layer per Menü-Name wählen, z.B. data-layer="Eisenbahnkarte".
lines.push( '==Zeit==' );
// Unbekannter Name => normaler Default.
lines.push( '🗓️ ' + f.datum );
var layerWunsch = container.getAttribute( 'data-layer' ) || '';
if ( f.uhrzeit ) {
lines.push( '' );
lines.push( '⏰ ' + f.uhrzeit );
}
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );


// Event
// Filter: eine oder mehrere Kategorien, kommagetrennt.
lines.push( '==Event==' );
// "asiatisch,gasthaus" => nur Orte, deren kategorie EINE davon ist.
if ( f.bild ) {
// Leer/nicht gesetzt => alle Orte.
lines.push( '[[file:' + f.bild + '|frameless|upright=3.0]]' );
var filterAttr = container.getAttribute( 'data-filter' ) || '';
lines.push( '' );
var filterListe = filterAttr
}
.split( ',' )
if ( f.websiteUrl ) {
.map( function ( s ) { return s.trim(); } )
lines.push( '🌐 ' + f.websiteUrl );
.filter( function ( s ) { return s.length > 0; } );
}
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );


// Location - jede Symbol-Zeile in eigenem Absatz (Leerzeile dazwischen)
var hoehe = container.getAttribute( 'data-hoehe' );
lines.push( '==Location==' );
if ( hoehe ) {
// Karte mit dem Veranstaltungsort als einzigem Pin (WikiMap-Gadget).
container.style.height = parseInt( hoehe, 10 ) + 'px';
// Nutzt die geparsten Koordinaten, damit alle Eingabeformate
// (deutsches Format, DMS, ...) funktionieren.
if ( f.coords ) {
lines.push( '<div class="wikimap" data-pin="' +
fmtCoord( f.coords.lat ) + ',' + fmtCoord( f.coords.lng ) +
'" data-pin-name="' + ( f.Adresse || f.titel || 'Veranstaltungsort' ) +
'"></div>' );
lines.push( '' );
}
var locFirst = true;
function addLocLine( line ) {
if ( !locFirst ) {
lines.push( '' );
}
lines.push( line );
locFirst = false;
}
if ( f.Adresse ) {
addLocLine( '📍 ' + f.Adresse );
}
if ( f.osmUrl ) {
addLocLine( '[[file:osm.png|24px|link=]] ' + f.osmUrl );
}
if ( f.koordinaten ) {
addLocLine( '🧭 ' + f.koordinaten );
}
if ( f.comapsUrl ) {
addLocLine( '[[file:CoMaps.png|24px|link=]] ' + f.comapsUrl );
}
if ( f.gmapsUrl ) {
addLocLine( '[[file:GoogleMaps.png|24px|link=]] ' + f.gmapsUrl );
}
}
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );
lines.push( '<br>' );


// Photos & Videos
var hatFullscreen = !!( L.Control && L.Control.FullScreen );
lines.push( '==Photos & Videos==' );
lines.push( 'Bitte hier verlinken.' );


return lines.join( '\n' );
var layer = baueLayer();
}
// Start-Layer: per data-layer gewünschter Menü-Name, sonst Default.
var startLayer = ( layerWunsch && layer.basis[ layerWunsch ] ) ?
layer.basis[ layerWunsch ] : layer.standard;
var map = L.map( container, {
center: CONFIG.defaultCenter,
zoom: CONFIG.defaultZoom,
layers: [ startLayer ],
fullscreenControl: hatFullscreen
} );
L.control.layers( layer.basis ).addTo( map );


mw.loader.using( [
// Sicherheitsnetz: Knopf explizit hinzufügen, falls die Option oben
'oojs-ui-core',
// nicht gegriffen hat (z.B. Plugin kam minimal verspätet).
'oojs-ui-windows',
if ( hatFullscreen && !map.fullscreenControl ) {
'oojs-ui.styles.icons-interactions',
map.addControl( new L.Control.FullScreen() );
'mediawiki.api',
}
'mediawiki.util'
] ).then( function () {


function EventDialog( config ) {
if ( container.getAttribute( 'data-gemeinden' ) === 'ja' && gemeinden ) {
EventDialog.super.call( this, config );
L.geoJSON( gemeinden, {
style: { color: '#3367d6', weight: 1.5, fillOpacity: 0.05 },
onEachFeature: function ( feature, lyr ) {
var p = feature.properties || {};
var name = p.name || 'Gemeinde';
var ziel = p.seite || name;
lyr.bindTooltip( name );
lyr.on( 'click', function () {
window.location.href = mw.util.getUrl( ziel );
} );
lyr.on( 'mouseover', function () {
lyr.setStyle( { fillOpacity: 0.25 } );
} );
lyr.on( 'mouseout', function () {
lyr.setStyle( { fillOpacity: 0.05 } );
} );
}
} ).addTo( map );
}
}
OO.inheritClass( EventDialog, OO.ui.ProcessDialog );


EventDialog.static.name = 'eventDialog';
var aktiverMarker = null;
EventDialog.static.title = 'Neue Veranstaltung anlegen';
var sichtbare = [];
EventDialog.static.actions = [
{ action: 'save', label: 'Seite anlegen', flags: [ 'primary', 'progressive' ] },
{ label: 'Abbrechen', flags: 'safe' }
];


EventDialog.prototype.initialize = function () {
// Ad-hoc-Pin-Modus: nur dieser eine Pin, keine Orte aus der JSON.
EventDialog.super.prototype.initialize.apply( this, arguments );
if ( pinKoord ) {
 
var pinMarker = L.marker( pinKoord, {
this.panel = new OO.ui.PanelLayout( { padded: true, expanded: false } );
icon: icon( true ),
zIndexOffset: 1000
} );
if ( pinName ) {
pinMarker.bindPopup( '<b>' + mw.html.escape( pinName ) + '</b>' );
}
pinMarker.addTo( map );
map.setView( pinKoord, CONFIG.focusZoom );
if ( pinName ) {
pinMarker.openPopup();
}


this.titelInput = new OO.ui.TextInputWidget( {
map.on( 'resize fullscreenchange', function () {
placeholder: 'z.B. Sommerfest 2026', required: true
setTimeout( function () {
map.invalidateSize();
}, 100 );
} );
} );
this.datumInput = new OO.ui.TextInputWidget( { type: 'date', required: true } );
return map;
this.uhrzeitInput = new OO.ui.TextInputWidget( { type: 'time', value: '17:00' } );
}


this.bildInput = new OO.ui.TextInputWidget( { placeholder: 'sommerfest.jpg' } );
orte.forEach( function ( ort ) {
this.websiteUrlInput = new OO.ui.TextInputWidget( { placeholder: 'https://...' } );
// Nur-aktiv-Modus: alles außer dem aktiven Ort überspringen.
if ( nurAktiv && ( !aktivId || ort.id !== aktivId ) ) {
return;
}
// Filter: wenn eine Filterliste gesetzt ist, muss die Kategorie
// des Ortes in der Liste vorkommen. Sonst wird der Ort ausgelassen.
if ( filterListe.length && filterListe.indexOf( ort.kategorie ) === -1 ) {
return;
}


this.AdresseInput = new OO.ui.TextInputWidget( { placeholder: 'Nussbaum Straße ' } );
// Koordinaten: bevorzugt aus dem geo-Feld (String "lat,lon",
this.osmUrlInput = new OO.ui.TextInputWidget( { placeholder: 'https://www.openstreetmap.org/way/...' } );
// direkt aus OSM/OrganicMaps kopierbar, Leerzeichen egal),
this.koordinatenInput = new OO.ui.TextInputWidget( { placeholder: '47.7500000,15.6800000' } );
// sonst aus den klassischen lat/lon-Zahlenfeldern.
this.comapsUrlInput = new OO.ui.TextInputWidget( { placeholder: 'https://comaps.at/...' } );
var lat = ort.lat;
this.gmapsUrlInput = new OO.ui.TextInputWidget( { placeholder: 'https://maps.app.goo.gl/...' } );
var lon = ort.lon;
if ( typeof ort.geo === 'string' ) {
var teile = ort.geo.split( ',' );
if ( teile.length === 2 ) {
lat = parseFloat( teile[ 0 ] );
lon = parseFloat( teile[ 1 ] );
}
}
if ( typeof lat !== 'number' || typeof lon !== 'number' ||
isNaN( lat ) || isNaN( lon ) ) {
return;
}
var istAktiv = aktivId && ort.id === aktivId;
// id ist Anzeigename und Ziel. seite (optional) übersteuert das
// Ziel; beginnt sie mit http:// oder https://, wird direkt auf
// die externe Adresse verlinkt statt auf eine Wiki-Seite.
var ziel = ort.seite || ort.id || '';
var istExtern = /^https?:\/\//i.test( ziel );
var link = istExtern ? ziel : mw.util.getUrl( ziel );
var m = L.marker( [ lat, lon ], {
icon: icon( istAktiv ),
zIndexOffset: istAktiv ? 1000 : 0
} );


var fsBasis = new OO.ui.FieldsetLayout( { label: 'Pflichtfelder' } );
// Kategorie-Farbe (nur für nicht-aktive Pins; aktiver bleibt rot).
fsBasis.addItems( [
// Wird gesetzt, sobald das Marker-DOM-Element existiert.
new OO.ui.FieldLayout( this.titelInput, {
var farbe = kategorien && ort.kategorie ? kategorien[ ort.kategorie ] : null;
label: 'Seitentitel', align: 'left',
if ( farbe && !istAktiv ) {
help: 'Wird der Name der neuen Wiki-Seite. Muss eindeutig sein.'
m.on( 'add', function () {
} ),
if ( this._icon ) {
new OO.ui.FieldLayout( this.datumInput, { label: 'Datum', align: 'left' } ),
this._icon.style.background = farbe;
new OO.ui.FieldLayout( this.uhrzeitInput, {
}
label: 'Uhrzeit', align: 'left',
} );
help: 'Optional. Leer lassen wenn keine Uhrzeit gewünscht.'
}
} )
] );


var fsEvent = new OO.ui.FieldsetLayout( { label: 'Event' } );
m.bindPopup(
fsEvent.addItems( [
'<b>' + mw.html.escape( ort.id || '' ) + '</b><br>' +
new OO.ui.FieldLayout( this.bildInput, {
'<a href="' + link + '"' +
label: 'Bild (Dateiname)', align: 'left',
( istExtern ? ' target="_blank" rel="noopener"' : '' ) +
help: 'Wenn man die Dateiendung weiß (z.B. jpg), wähle einen sinnvollen Namen mit der richtigen Datei-Endung (z.B. Sommerfest2026.jpg ) wenn mann dann später auf der fertigen Seite darauf klickt, kann man auch das Bild hochladen. Leer lassen, wenn kein Bild.'
'>Zur Seite →</a>'
} ),
);
new OO.ui.FieldLayout( this.websiteUrlInput, { label: 'Website URL', align: 'left' } )
m.addTo( map );
] );
sichtbare.push( [ lat, lon ] );
if ( istAktiv ) {
aktiverMarker = m;
}
} );


var fsLoc = new OO.ui.FieldsetLayout( { label: 'Location (alles optional)' } );
if ( aktiverMarker ) {
fsLoc.addItems( [
map.setView( aktiverMarker.getLatLng(), CONFIG.focusZoom );
new OO.ui.FieldLayout( this.AdresseInput, { label: 'Adresse', align: 'left' } ),
aktiverMarker.openPopup();
new OO.ui.FieldLayout( this.osmUrlInput, {
} else if ( sichtbare.length ) {
label: 'OpenStreetMap URL', align: 'left',
map.fitBounds( sichtbare, { padding: [ 30, 30 ] } );
help: 'Leer lassen, dann wird bei gegebenen Koordinaten automatisch ein Link generiert.'
}
} ),
new OO.ui.FieldLayout( this.koordinatenInput, {
label: 'GPS-Koordinaten', align: 'left',
help: 'Akzeptiert u.a.: 47.75,15.68 · 47,7073132, 15,9934565 (deutsches Format) · 47.75N 15.68E · 47°45\'00"N 15°40\'48"E. Wenn gesetzt, werden für leere OSM/CoMaps/Google Maps Felder automatisch Links generiert und eine Karte auf der Seite eingebunden.'
} ),
new OO.ui.FieldLayout( this.comapsUrlInput, {
label: 'CoMaps URL', align: 'left',
help: 'Leer lassen, dann wird bei gegebenen Koordinaten automatisch ein Link generiert.'
} ),
new OO.ui.FieldLayout( this.gmapsUrlInput, {
label: 'Google Maps URL', align: 'left',
help: 'Leer lassen, dann wird bei gegebenen Koordinaten automatisch ein Link generiert.'
} )
] );


this.panel.$element.append( fsBasis.$element, fsEvent.$element, fsLoc.$element );
map.on( 'resize fullscreenchange', function () {
this.$body.append( this.panel.$element );
setTimeout( function () {
};
map.invalidateSize();
}, 100 );
} );
return map;
}


EventDialog.prototype.getActionProcess = function ( action ) {
/* ====================================================================
var dialog = this;
* 6) EINSTIEG
if ( action === 'save' ) {
* ==================================================================== */
return new OO.ui.Process( function () {
function init() {
var titel = v( dialog.titelInput.getValue() );
var container = document.querySelectorAll( '.wikimap' );
var datum = v( dialog.datumInput.getValue() );
if ( !container.length ) {
var uhrzeit = v( dialog.uhrzeitInput.getValue() );
return;
}
var brauchtGemeinden = Array.prototype.some.call(
container,
function ( c ) {
return c.getAttribute( 'data-gemeinden' ) === 'ja';
}
);
var aufgaben = [ ladeJson( CONFIG.orteSeite ) ];
aufgaben.push(
brauchtGemeinden ?
ladeJson( CONFIG.gemeindenSeite ).catch( function () {
return null;
} ) :
$.Deferred().resolve( null )
);
$.when.apply( $, aufgaben ).then( function ( orteData, gemeinden ) {
var orte = ( orteData && orteData.orte ) || [];
// Optionaler Farb-Block: Kategorie -> Farbe. Fehlt er, bleiben
// die Pins in der Standardfarbe.
var kategorien = ( orteData && orteData.kategorien ) || {};
Array.prototype.forEach.call( container, function ( c ) {
try {
baueKarte( c, orte, gemeinden, kategorien );
} catch ( e ) {
c.textContent = 'Karte konnte nicht geladen werden.';
mw.log.error( e );
}
} );
} ).catch( function ( e ) {
Array.prototype.forEach.call( container, function ( c ) {
c.textContent = 'Ortsdaten konnten nicht geladen werden.';
} );
mw.log.error( e );
} );
}


if ( !titel || !datum ) {
/* ====================================================================
return $.Deferred().reject( new OO.ui.Error(
* 7) LEAFLET SICHERSTELLEN, DANN STARTEN
'Bitte Seitentitel und Datum ausfüllen.',
* ==================================================================== */
{ recoverable: true }
) ).promise();
}


var fields = {
// Lädt EIN Skript nach. Wichtig: manche Leaflet-Plugins sind UMD-Module
datum: datum,
// und registrieren sich bei vorhandenem AMD-Loader (z.B. ResourceLoader)
uhrzeit: uhrzeit,
// NICHT am globalen L. Wir deaktivieren define.amd kurzzeitig, damit das
bild: v( dialog.bildInput.getValue() ),
// Plugin den globalen-L-Pfad nimmt.
websiteUrl: v( dialog.websiteUrlInput.getValue() ),
function ladeSkript( src ) {
Adresse: v( dialog.AdresseInput.getValue() ),
return $.Deferred( function ( d ) {
osmUrl: v( dialog.osmUrlInput.getValue() ),
var amd = window.define;
koordinaten: v( dialog.koordinatenInput.getValue() ),
var hatAmd = amd && amd.amd;
comapsUrl: v( dialog.comapsUrlInput.getValue() ),
if ( hatAmd ) {
gmapsUrl: v( dialog.gmapsUrlInput.getValue() )
window.define = undefined; // AMD kurz ausblenden
};
}
var s = document.createElement( 'script' );
s.src = src;
s.onload = function () {
if ( hatAmd ) {
window.define = amd; // AMD wiederherstellen
}
d.resolve();
};
s.onerror = function () {
if ( hatAmd ) {
window.define = amd;
}
mw.log.error( 'WikiMap: Datei nicht ladbar: ' + src );
d.resolve(); // trotzdem weitermachen
};
document.head.appendChild( s );
} ).promise();
}


// Auto-URL-Generierung aus Koordinaten für leere Felder
function ladeCss( href ) {
var coords = parseCoordinates( fields.koordinaten );
var l = document.createElement( 'link' );
fields.coords = coords;
l.rel = 'stylesheet';
fields.titel = titel;
l.href = href;
if ( coords ) {
document.head.appendChild( l );
if ( !fields.osmUrl ) {
}
fields.osmUrl = buildOsmUrl( coords );
}
if ( !fields.comapsUrl ) {
fields.comapsUrl = buildCoMapsUrl( coords, titel );
}
if ( !fields.gmapsUrl ) {
fields.gmapsUrl = buildGoogleMapsUrl( coords );
}
}
 
var wikitext = buildWikitext( fields );
var api = new mw.Api();
 
return api.get( {
action: 'query',
titles: titel,
formatversion: 2
} ).then( function ( data ) {
var page = data.query.pages[ 0 ];
if ( !page.missing ) {
return $.Deferred().reject( new OO.ui.Error(
'Eine Seite mit dem Titel „' + titel + '" existiert bereits.',
{ recoverable: true }
) ).promise();
}
return api.postWithToken( 'csrf', {
action: 'edit',
title: titel,
text: wikitext,
createonly: true,
summary: 'Veranstaltung über Eventform-Gadget angelegt'
} );
} ).then( function () {
window.location.href = mw.util.getUrl( titel );
}, function ( err ) {
if ( err instanceof OO.ui.Error ) {
return $.Deferred().reject( err ).promise();
}
return $.Deferred().reject( new OO.ui.Error(
'Fehler beim Anlegen: ' + ( err && err.toString ? err.toString() : 'unbekannt' ),
{ recoverable: true }
) ).promise();
} );
} );
}
return EventDialog.super.prototype.getActionProcess.call( this, action );
};


EventDialog.prototype.getBodyHeight = function () {
function stelleLeafletBereit( fertig ) {
return 600;
var q = LEAFLET_QUELLEN[ LEAFLET_MODUS ];
};


var $container = $( '#event-form-container' );
// CSS immer einhängen (auch wenn L schon da ist, könnte Plugin-CSS fehlen).
if ( !$container.length ) {
q.css.forEach( ladeCss );
$container = $( '<div id="event-form-container"></div>' )
.appendTo( '#mw-content-text .mw-parser-output' );
}


var button = new OO.ui.ButtonWidget( {
// JS-Dateien strikt nacheinander laden und ERST starten, wenn sowohl
label: 'Neue Veranstaltung anlegen',
// L.map als auch L.Control.FullScreen existieren.
flags: [ 'primary', 'progressive' ],
var kette = $.Deferred().resolve().promise();
icon: 'add'
q.js.forEach( function ( src ) {
kette = kette.then( function () {
// Leaflet-Core nur laden, wenn noch nicht da.
if ( /leaflet\.js$/.test( src ) && window.L && window.L.map ) {
return;
}
return ladeSkript( src );
} );
} );
} );


var windowManager = new OO.ui.WindowManager();
kette.then( function () {
$( document.body ).append( windowManager.$element );
// Sicherheitsnetz: kurz warten, falls Plugin minimal verzögert ist.
var dialog = new EventDialog( { size: 'large' } );
var versuche = 0;
windowManager.addWindows( [ dialog ] );
( function pruefe() {
if ( window.L && window.L.map ) {
fertig();
} else if ( versuche++ < 50 ) {
setTimeout( pruefe, 50 );
} else {
mw.log.error( 'WikiMap: Leaflet nicht verfügbar.' );
}
}() );
} );
}


button.on( 'click', function () {
mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).then( function () {
windowManager.openWindow( dialog );
$( function () {
if ( !document.querySelector( '.wikimap' ) ) {
return;
}
stelleLeafletBereit( init );
} );
} );
} );


$container.empty().append( button.$element );
} );
}() );
}() );

Version vom 4. Juli 2026, 23:38 Uhr

/**
 * Gadget-WikiMap.js
 * ============================================================================
 * Zentrale Leaflet-Karten-Engine für das Wiki.
 *
 * KONZEPT
 * -------
 * EINE zentrale Datenquelle (MediaWiki:WikiMap-Orte.json) hält ALLE Orte.
 * Jede Wiki-Seite bindet nur einen leeren <div class="wikimap"> ein und sagt
 * über data-Attribute, welcher Ort gerade "aktiv" ist. Dieses Gadget zeichnet
 * dann die Karte, alle Pins, hebt den aktiven Pin hervor und zentriert ihn.
 *
 * Verschiebst du einen Ort, änderst du EINE Zeile in der zentralen JSON –
 * jede Karte im ganzen Wiki ist sofort aktuell.
 *
 * EINBINDUNG AUF EINER SEITE
 * --------------------------
 *   <div class="wikimap" data-aktiv-ort="gaestehaus-mustertal"></div>
 *
 * data-Attribute:
 *   data-aktiv-ort   ID des hervorgehobenen Ortes (rot, zentriert, Popup auf)
 *   data-filter      nur Orte dieser "kategorie" zeigen. Mehrere Kategorien
 *                    kommagetrennt moeglich, z.B. "asiatisch,gasthaus,imbiss"
 *   data-pin         Ad-hoc-Pin: "lat,lon" zeigt GENAU EINEN Pin an diesen
 *                    Koordinaten und KEINE Orte aus der zentralen JSON.
 *                    Fuer Veranstaltungsseiten (Eventform) gedacht.
 *   data-pin-name    Optional zum Pin: Text im Popup.
 *   data-gemeinden   "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
 *   data-nur-aktiv   "ja" => nur den aktiven Ort zeigen, alle anderen Pins
 *                    ausblenden (braucht data-aktiv-ort)
 *   data-layer       Start-Ansicht per Menü-Name, z.B. "Zug" oder
 *                    "Zug + Luftbild". Unbekannter Name => normaler Default.
 *   data-hoehe       Pixel-Höhe der Karte (optional, sonst CSS-Default)
 *
 * ORTE-FELDER (WikiMap-Orte.json)
 * -------------------------------
 *   id         Pflicht. Anzeigename im Popup UND Ziel-Wikiseite beim Klick.
 *   geo        Koordinaten als String "lat,lon" – direkt aus OSM.org oder
 *              OrganicMaps kopierbar, Leerzeichen nach dem Komma erlaubt.
 *              Beispiel: "47.7073509,15.9933643"
 *   lat, lon   Alternative zu geo: Koordinaten als zwei Zahlenfelder.
 *   kategorie  Optional. Für Filter und Farben.
 *   seite      Optional. Übersteuert das Klick-Ziel. Wiki-Seitenname ODER
 *              externe Adresse (beginnend mit http:// oder https://).
 *
 * ABHÄNGIGKEIT: Leaflet 1.9.x + Leaflet.fullscreen. Dieses Gadget lädt sie
 * bei Bedarf selbst (siehe LEAFLET_QUELLEN unten).
 * ============================================================================
 */
( function () {
	'use strict';

	/* ====================================================================
	 * 1) KONFIGURATION
	 * ==================================================================== */
	var CONFIG = {
		orteSeite: 'MediaWiki:WikiMap-Orte.json',
		gemeindenSeite: 'MediaWiki:WikiMap-Gemeinden.json',
		defaultCenter: [ 47.6, 16.1 ],
		defaultZoom: 7,
		focusZoom: 14
	};

	var LEAFLET_MODUS = 'lokal'; // 'cdn' zum Testen, 'lokal' für Produktion
	var LEAFLET_LOKAL_BASIS = '/resources/lib/leaflet/';

	var LEAFLET_QUELLEN = {
		cdn: {
			css: [
				'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css',
				'https://unpkg.com/leaflet.fullscreen@5.3.1/dist/Control.FullScreen.css'
			],
			js: [
				'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js',
				'https://unpkg.com/leaflet.fullscreen@5.3.1/dist/Control.FullScreen.umd.js'
			]
		},
		lokal: {
			css: [
				LEAFLET_LOKAL_BASIS + 'leaflet.css',
				LEAFLET_LOKAL_BASIS + 'Control.FullScreen.css'
			],
			js: [
				LEAFLET_LOKAL_BASIS + 'leaflet.js',
				LEAFLET_LOKAL_BASIS + 'Control.FullScreen.umd.js'
			]
		}
	};

	/* ====================================================================
	 * 2) HINTERGRUNDKARTEN
	 *
	 * basemap.at: seit 2023 neue Service-URLs unter mapsneu.wien.gv.at.
	 * Quelle: https://cdn.basemap.at/basemap.at_URL_Umstellung_2023.pdf
	 *
	 * Tracestrack: API-Schlüssel auf Referer schwarzatal.org beschränkt.
	 * Quelle: https://console.tracestrack.com/
	 * ==================================================================== */
	function baueLayer() {
		var osmStandard = L.tileLayer(
			'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
			{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
		);
		var osmRelief = L.tileLayer(
			'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
			{
				maxZoom: 17,
				attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | ' +
					'Darstellung: © OpenTopoMap (CC-BY-SA)'
			}
		);
		var tracestrack = L.tileLayer(
			'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png' +
			'?key=bc0464a46d41b1107569bd81112f05ab',
			{
				maxZoom: 19,
				attribution: '© <a href="https://www.tracestrack.com/">Tracestrack</a>, ' +
					'© OpenStreetMap-Mitwirkende'
			}
		);
		var luftbild = L.tileLayer(
			'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
			'normal/google3857/{z}/{y}/{x}.jpeg',
			{
				maxZoom: 19,
				attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
			}
		);
		var overlay = L.tileLayer(
			'https://mapsneu.wien.gv.at/basemap/bmapoverlay/' +
			'normal/google3857/{z}/{y}/{x}.png',
			{
				maxZoom: 19,
				attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
			}
		);
		// Zweite Luftbild-Instanz für die Gruppe, damit Layer-Wechsel nicht
		// zwischen Gruppe und Solo-Luftbild kollidieren (Race Condition).
		var luftbildKopie = L.tileLayer(
			'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
			'normal/google3857/{z}/{y}/{x}.jpeg',
			{
				maxZoom: 19,
				attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
			}
		);
		var gemischt = L.layerGroup( [ luftbildKopie, overlay ] );

		// OpenRailwayMap ist ein transparentes Gleis-Overlay und braucht eine
		// Basiskarte darunter. Eigene OSM-Instanz für die Gruppe (gleiches
		// Race-Condition-Muster wie beim Luftbild). Der Tileserver liefert
		// 512px-Kacheln, daher tileSize/zoomOffset. Die a/b/c-Subdomains sind
		// deprecated, daher URL ohne {s}.
		var osmFuerBahn = L.tileLayer(
			'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
			{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
		);
		var bahnOverlay = L.tileLayer(
			'https://tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
			{
				maxZoom: 19,
				tileSize: 512,
				zoomOffset: -1,
				attribution: 'Overlay: <a href="https://www.openrailwaymap.org/">OpenRailwayMap</a> (CC-BY-SA 2.0)'
			}
		);
		var eisenbahn = L.layerGroup( [ osmFuerBahn, bahnOverlay ] );

		// Hilfsfunktionen für frische Instanzen: jede LayerGroup braucht
		// EIGENE Tile-Layer, sonst kollidieren die Gruppen beim Umschalten
		// (Race Condition, siehe luftbildKopie oben).
		function neuesLuftbild() {
			return L.tileLayer(
				'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/' +
				'normal/google3857/{z}/{y}/{x}.jpeg',
				{
					maxZoom: 19,
					attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
				}
			);
		}
		function neuesBmapOverlay() {
			return L.tileLayer(
				'https://mapsneu.wien.gv.at/basemap/bmapoverlay/' +
				'normal/google3857/{z}/{y}/{x}.png',
				{
					maxZoom: 19,
					attribution: 'Datenquelle: <a href="https://basemap.at">basemap.at</a>'
				}
			);
		}
		function neuesBahnOverlay() {
			return L.tileLayer(
				'https://tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
				{
					maxZoom: 19,
					tileSize: 512,
					zoomOffset: -1,
					attribution: 'Overlay: <a href="https://www.openrailwaymap.org/">OpenRailwayMap</a> (CC-BY-SA 2.0)'
				}
			);
		}
		function neuesOsm() {
			return L.tileLayer(
				'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
				{ maxZoom: 19, attribution: '© OpenStreetMap-Mitwirkende' }
			);
		}
		function neuesOpenTopo() {
			return L.tileLayer(
				'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
				{
					maxZoom: 17,
					attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | ' +
						'Darstellung: © OpenTopoMap (CC-BY-SA)'
				}
			);
		}
		function neuesTracestrack() {
			return L.tileLayer(
				'https://tile.tracestrack.com/topo__/{z}/{x}/{y}.png' +
				'?key=bc0464a46d41b1107569bd81112f05ab',
				{
					maxZoom: 19,
					attribution: '© <a href="https://www.tracestrack.com/">Tracestrack</a>, ' +
						'© OpenStreetMap-Mitwirkende'
				}
			);
		}

		// Zug-Kombis: jeweils Basiskarte(n) unten, Gleise obendrauf.
		var zugLuftbildKarte = L.layerGroup(
			[ neuesLuftbild(), neuesBmapOverlay(), neuesBahnOverlay() ]
		);
		var zugLuftbild = L.layerGroup( [ neuesLuftbild(), neuesBahnOverlay() ] );
		var zugKarte = eisenbahn; // OSM + Gleise (bereits oben gebaut)
		var zugTopo = L.layerGroup( [ neuesOpenTopo(), neuesBahnOverlay() ] );
		var zugTopo2 = L.layerGroup( [ neuesTracestrack(), neuesBahnOverlay() ] );

		// Bus: ÖPNVKarte (memomaps.de) ist eine VOLLSTÄNDIGE Karte mit
		// Buslinien/Haltestellen, KEIN transparentes Overlay. Deshalb gibt
		// es keine Bus+Luftbild-Kombis. Hinweis: Datenpflege des Projekts
		// ist laut OSM-Wiki unregelmäßig.
		var bus = L.tileLayer(
			'https://tileserver.memomaps.de/tilegen/{z}/{x}/{y}.png',
			{
				maxZoom: 18,
				attribution: 'Karte: <a href="https://memomaps.de/">memomaps.de</a> ' +
					'(CC-BY-SA), Daten: © OpenStreetMap-Mitwirkende'
			}
		);

		return {
			basis: {
				'Luftbild + Karte': gemischt,
				'Luftbild': luftbild,
				'Karte': osmStandard,
				'Topokarte': osmRelief,
				'Topokarte2': tracestrack,
				'Zug + Luftbild + Karte': zugLuftbildKarte,
				'Zug + Luftbild': zugLuftbild,
				'Zug + Karte': zugKarte,
				'Zug + Topokarte': zugTopo,
				'Zug + Topokarte2': zugTopo2,
				'Bus': bus
			},
			standard: gemischt
		};
	}

	/* ====================================================================
	 * 3) PIN-ICONS
	 * ==================================================================== */
	function icon( aktiv ) {
		return L.divIcon( {
			className: 'wikimap-pin' + ( aktiv ? ' wikimap-pin-aktiv' : '' ),
			iconSize: aktiv ? [ 28, 28 ] : [ 18, 18 ],
			iconAnchor: aktiv ? [ 14, 28 ] : [ 9, 18 ],
			popupAnchor: [ 0, aktiv ? -28 : -18 ]
		} );
	}

	/* ====================================================================
	 * 4) DATEN AUS WIKI-JSON-SEITE
	 * ==================================================================== */
	function ladeJson( seite ) {
		var api = new mw.Api();
		return api.get( {
			action: 'query',
			prop: 'revisions',
			titles: seite,
			rvprop: 'content',
			rvslots: 'main',
			formatversion: 2
		} ).then( function ( data ) {
			var page = data.query.pages[ 0 ];
			if ( !page || page.missing || !page.revisions ) {
				throw new Error( 'Seite fehlt: ' + seite );
			}
			return JSON.parse( page.revisions[ 0 ].slots.main.content );
		} );
	}

	/* ====================================================================
	 * 5) EINE EINZELNE KARTE BAUEN
	 * ==================================================================== */
	function baueKarte( container, orte, gemeinden, kategorien ) {
		var aktivId = container.getAttribute( 'data-aktiv-ort' ) || null;

		// Ad-hoc-Pin-Modus: data-pin="lat,lon" zeigt GENAU EINEN Pin an
		// diesen Koordinaten und KEINE Orte aus der zentralen JSON.
		// Gedacht z.B. für Veranstaltungsseiten (Eventform), deren Ort
		// nicht in WikiMap-Orte.json gepflegt wird.
		// Optional: data-pin-name für den Popup-Text.
		var pinAttr = container.getAttribute( 'data-pin' ) || '';
		var pinKoord = null;
		if ( pinAttr ) {
			var pinTeile = pinAttr.split( ',' );
			if ( pinTeile.length === 2 ) {
				var pLat = parseFloat( pinTeile[ 0 ] );
				var pLon = parseFloat( pinTeile[ 1 ] );
				if ( !isNaN( pLat ) && !isNaN( pLon ) ) {
					pinKoord = [ pLat, pLon ];
				}
			}
		}
		var pinName = container.getAttribute( 'data-pin-name' ) || '';

		// Nur den aktiven Ort zeigen (alle anderen Pins ausblenden).
		var nurAktiv = container.getAttribute( 'data-nur-aktiv' ) === 'ja';

		// Start-Layer per Menü-Name wählen, z.B. data-layer="Eisenbahnkarte".
		// Unbekannter Name => normaler Default.
		var layerWunsch = container.getAttribute( 'data-layer' ) || '';

		// Filter: eine oder mehrere Kategorien, kommagetrennt.
		// "asiatisch,gasthaus" => nur Orte, deren kategorie EINE davon ist.
		// Leer/nicht gesetzt => alle Orte.
		var filterAttr = container.getAttribute( 'data-filter' ) || '';
		var filterListe = filterAttr
			.split( ',' )
			.map( function ( s ) { return s.trim(); } )
			.filter( function ( s ) { return s.length > 0; } );

		var hoehe = container.getAttribute( 'data-hoehe' );
		if ( hoehe ) {
			container.style.height = parseInt( hoehe, 10 ) + 'px';
		}

		var hatFullscreen = !!( L.Control && L.Control.FullScreen );

		var layer = baueLayer();
		// Start-Layer: per data-layer gewünschter Menü-Name, sonst Default.
		var startLayer = ( layerWunsch && layer.basis[ layerWunsch ] ) ?
			layer.basis[ layerWunsch ] : layer.standard;
		var map = L.map( container, {
			center: CONFIG.defaultCenter,
			zoom: CONFIG.defaultZoom,
			layers: [ startLayer ],
			fullscreenControl: hatFullscreen
		} );
		L.control.layers( layer.basis ).addTo( map );

		// Sicherheitsnetz: Knopf explizit hinzufügen, falls die Option oben
		// nicht gegriffen hat (z.B. Plugin kam minimal verspätet).
		if ( hatFullscreen && !map.fullscreenControl ) {
			map.addControl( new L.Control.FullScreen() );
		}

		if ( container.getAttribute( 'data-gemeinden' ) === 'ja' && gemeinden ) {
			L.geoJSON( gemeinden, {
				style: { color: '#3367d6', weight: 1.5, fillOpacity: 0.05 },
				onEachFeature: function ( feature, lyr ) {
					var p = feature.properties || {};
					var name = p.name || 'Gemeinde';
					var ziel = p.seite || name;
					lyr.bindTooltip( name );
					lyr.on( 'click', function () {
						window.location.href = mw.util.getUrl( ziel );
					} );
					lyr.on( 'mouseover', function () {
						lyr.setStyle( { fillOpacity: 0.25 } );
					} );
					lyr.on( 'mouseout', function () {
						lyr.setStyle( { fillOpacity: 0.05 } );
					} );
				}
			} ).addTo( map );
		}

		var aktiverMarker = null;
		var sichtbare = [];

		// Ad-hoc-Pin-Modus: nur dieser eine Pin, keine Orte aus der JSON.
		if ( pinKoord ) {
			var pinMarker = L.marker( pinKoord, {
				icon: icon( true ),
				zIndexOffset: 1000
			} );
			if ( pinName ) {
				pinMarker.bindPopup( '<b>' + mw.html.escape( pinName ) + '</b>' );
			}
			pinMarker.addTo( map );
			map.setView( pinKoord, CONFIG.focusZoom );
			if ( pinName ) {
				pinMarker.openPopup();
			}

			map.on( 'resize fullscreenchange', function () {
				setTimeout( function () {
					map.invalidateSize();
				}, 100 );
			} );
			return map;
		}

		orte.forEach( function ( ort ) {
			// Nur-aktiv-Modus: alles außer dem aktiven Ort überspringen.
			if ( nurAktiv && ( !aktivId || ort.id !== aktivId ) ) {
				return;
			}
			// Filter: wenn eine Filterliste gesetzt ist, muss die Kategorie
			// des Ortes in der Liste vorkommen. Sonst wird der Ort ausgelassen.
			if ( filterListe.length && filterListe.indexOf( ort.kategorie ) === -1 ) {
				return;
			}

			// Koordinaten: bevorzugt aus dem geo-Feld (String "lat,lon",
			// direkt aus OSM/OrganicMaps kopierbar, Leerzeichen egal),
			// sonst aus den klassischen lat/lon-Zahlenfeldern.
			var lat = ort.lat;
			var lon = ort.lon;
			if ( typeof ort.geo === 'string' ) {
				var teile = ort.geo.split( ',' );
				if ( teile.length === 2 ) {
					lat = parseFloat( teile[ 0 ] );
					lon = parseFloat( teile[ 1 ] );
				}
			}
			if ( typeof lat !== 'number' || typeof lon !== 'number' ||
				isNaN( lat ) || isNaN( lon ) ) {
				return;
			}
			var istAktiv = aktivId && ort.id === aktivId;
			// id ist Anzeigename und Ziel. seite (optional) übersteuert das
			// Ziel; beginnt sie mit http:// oder https://, wird direkt auf
			// die externe Adresse verlinkt statt auf eine Wiki-Seite.
			var ziel = ort.seite || ort.id || '';
			var istExtern = /^https?:\/\//i.test( ziel );
			var link = istExtern ? ziel : mw.util.getUrl( ziel );
			var m = L.marker( [ lat, lon ], {
				icon: icon( istAktiv ),
				zIndexOffset: istAktiv ? 1000 : 0
			} );

			// Kategorie-Farbe (nur für nicht-aktive Pins; aktiver bleibt rot).
			// Wird gesetzt, sobald das Marker-DOM-Element existiert.
			var farbe = kategorien && ort.kategorie ? kategorien[ ort.kategorie ] : null;
			if ( farbe && !istAktiv ) {
				m.on( 'add', function () {
					if ( this._icon ) {
						this._icon.style.background = farbe;
					}
				} );
			}

			m.bindPopup(
				'<b>' + mw.html.escape( ort.id || '' ) + '</b><br>' +
				'<a href="' + link + '"' +
				( istExtern ? ' target="_blank" rel="noopener"' : '' ) +
				'>Zur Seite →</a>'
			);
			m.addTo( map );
			sichtbare.push( [ lat, lon ] );
			if ( istAktiv ) {
				aktiverMarker = m;
			}
		} );

		if ( aktiverMarker ) {
			map.setView( aktiverMarker.getLatLng(), CONFIG.focusZoom );
			aktiverMarker.openPopup();
		} else if ( sichtbare.length ) {
			map.fitBounds( sichtbare, { padding: [ 30, 30 ] } );
		}

		map.on( 'resize fullscreenchange', function () {
			setTimeout( function () {
				map.invalidateSize();
			}, 100 );
		} );
		return map;
	}

	/* ====================================================================
	 * 6) EINSTIEG
	 * ==================================================================== */
	function init() {
		var container = document.querySelectorAll( '.wikimap' );
		if ( !container.length ) {
			return;
		}
		var brauchtGemeinden = Array.prototype.some.call(
			container,
			function ( c ) {
				return c.getAttribute( 'data-gemeinden' ) === 'ja';
			}
		);
		var aufgaben = [ ladeJson( CONFIG.orteSeite ) ];
		aufgaben.push(
			brauchtGemeinden ?
				ladeJson( CONFIG.gemeindenSeite ).catch( function () {
					return null;
				} ) :
				$.Deferred().resolve( null )
		);
		$.when.apply( $, aufgaben ).then( function ( orteData, gemeinden ) {
			var orte = ( orteData && orteData.orte ) || [];
			// Optionaler Farb-Block: Kategorie -> Farbe. Fehlt er, bleiben
			// die Pins in der Standardfarbe.
			var kategorien = ( orteData && orteData.kategorien ) || {};
			Array.prototype.forEach.call( container, function ( c ) {
				try {
					baueKarte( c, orte, gemeinden, kategorien );
				} catch ( e ) {
					c.textContent = 'Karte konnte nicht geladen werden.';
					mw.log.error( e );
				}
			} );
		} ).catch( function ( e ) {
			Array.prototype.forEach.call( container, function ( c ) {
				c.textContent = 'Ortsdaten konnten nicht geladen werden.';
			} );
			mw.log.error( e );
		} );
	}

	/* ====================================================================
	 * 7) LEAFLET SICHERSTELLEN, DANN STARTEN
	 * ==================================================================== */

	// Lädt EIN Skript nach. Wichtig: manche Leaflet-Plugins sind UMD-Module
	// und registrieren sich bei vorhandenem AMD-Loader (z.B. ResourceLoader)
	// NICHT am globalen L. Wir deaktivieren define.amd kurzzeitig, damit das
	// Plugin den globalen-L-Pfad nimmt.
	function ladeSkript( src ) {
		return $.Deferred( function ( d ) {
			var amd = window.define;
			var hatAmd = amd && amd.amd;
			if ( hatAmd ) {
				window.define = undefined; // AMD kurz ausblenden
			}
			var s = document.createElement( 'script' );
			s.src = src;
			s.onload = function () {
				if ( hatAmd ) {
					window.define = amd; // AMD wiederherstellen
				}
				d.resolve();
			};
			s.onerror = function () {
				if ( hatAmd ) {
					window.define = amd;
				}
				mw.log.error( 'WikiMap: Datei nicht ladbar: ' + src );
				d.resolve(); // trotzdem weitermachen
			};
			document.head.appendChild( s );
		} ).promise();
	}

	function ladeCss( href ) {
		var l = document.createElement( 'link' );
		l.rel = 'stylesheet';
		l.href = href;
		document.head.appendChild( l );
	}

	function stelleLeafletBereit( fertig ) {
		var q = LEAFLET_QUELLEN[ LEAFLET_MODUS ];

		// CSS immer einhängen (auch wenn L schon da ist, könnte Plugin-CSS fehlen).
		q.css.forEach( ladeCss );

		// JS-Dateien strikt nacheinander laden und ERST starten, wenn sowohl
		// L.map als auch L.Control.FullScreen existieren.
		var kette = $.Deferred().resolve().promise();
		q.js.forEach( function ( src ) {
			kette = kette.then( function () {
				// Leaflet-Core nur laden, wenn noch nicht da.
				if ( /leaflet\.js$/.test( src ) && window.L && window.L.map ) {
					return;
				}
				return ladeSkript( src );
			} );
		} );

		kette.then( function () {
			// Sicherheitsnetz: kurz warten, falls Plugin minimal verzögert ist.
			var versuche = 0;
			( function pruefe() {
				if ( window.L && window.L.map ) {
					fertig();
				} else if ( versuche++ < 50 ) {
					setTimeout( pruefe, 50 );
				} else {
					mw.log.error( 'WikiMap: Leaflet nicht verfügbar.' );
				}
			}() );
		} );
	}

	mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).then( function () {
		$( function () {
			if ( !document.querySelector( '.wikimap' ) ) {
				return;
			}
			stelleLeafletBereit( init );
		} );
	} );

}() );