MediaWiki:Gadget-WikiMap.js - Versionsgeschichte

Admin am 22. Juli 2026 um 15:27 Uhr

2026-07-22T15:27:19Z

← Nächstältere Version		Version vom 22. Juli 2026, 17:27 Uhr
Zeile 26:		Zeile 26:
	* Fuer Veranstaltungsseiten (Eventform) gedacht.		* Fuer Veranstaltungsseiten (Eventform) gedacht.
	* data-pin-name Optional zum Pin: Text im Popup.		* data-pin-name Optional zum Pin: Text im Popup.
	* data-gemeinden ~~"ja" =>~~ Gemeinde-Umrisse einblenden (Klick => Seite)		* data-gemeinden Gemeinde-Umrisse einblenden (Klick => Seite).
			* "ja" => ALLE Umrisse. Gemeindename(n), kommagetrennt,
			* => nur diese, z.B. "Altendorf" oder "Altendorf,Ternitz".
			* data-orte "nein" => keinerlei Orts-Pins zeigen: keine Orte aus
			* der JSON, kein aktiver Ort, kein data-pin. Fuer Karten,
			* die nur Umrisse oder nur die Basiskarte zeigen sollen.
	* data-nur-aktiv "ja" => nur den aktiven Ort zeigen, alle anderen Pins		* data-nur-aktiv "ja" => nur den aktiven Ort zeigen, alle anderen Pins
	* ausblenden (braucht data-aktiv-ort)		* ausblenden (braucht data-aktiv-ort)
	* data-layer Start-Ansicht per Menü-Name, z.B. "Zug" ~~oder~~		* data-layer Start-Ansicht per Menü-Name, z.B. "Zug + Karte".
	* ~~"Zug + Luftbild".~~ Unbekannter Name => normaler Default.		* Unbekannter Name => normaler Default.
	* data-hoehe Pixel-Höhe der Karte (optional, sonst CSS-Default)		* data-hoehe Pixel-Höhe der Karte (optional, sonst CSS-Default)
	*		*
Zeile 307:		Zeile 312:
	function baueKarte( container, orte, gemeinden, kategorien ) {		function baueKarte( container, orte, gemeinden, kategorien ) {
	var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;		var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;

			// Keinerlei Orts-Pins: weder JSON-Orte noch aktiver Ort noch data-pin.
			// Fuer Karten, die nur Gemeinde-Umrisse oder die Basiskarte zeigen.
			var keineOrte = container.getAttribute( 'data-orte' ) === 'nein';

	// Ad-hoc-Pin-Modus: data-pin="lat,lon" zeigt GENAU EINEN Pin an		// Ad-hoc-Pin-Modus: data-pin="lat,lon" zeigt GENAU EINEN Pin an
Zeile 330:		Zeile 339:
	var nurAktiv = container.getAttribute( 'data-nur-aktiv' ) === 'ja';		var nurAktiv = container.getAttribute( 'data-nur-aktiv' ) === 'ja';

	// Start-Layer per Menü-Name wählen, z.B. data-layer="~~Eisenbahnkarte~~".		// Start-Layer per Menü-Name wählen, z.B. data-layer="Zug + Karte".
	// Unbekannter Name => normaler Default.		// Unbekannter Name => normaler Default.
	var layerWunsch = container.getAttribute( 'data-layer' ) \|\| '';		var layerWunsch = container.getAttribute( 'data-layer' ) \|\| '';
Zeile 342:		Zeile 351:
	.map( function ( s ) { return s.trim(); } )		.map( function ( s ) { return s.trim(); } )
	.filter( function ( s ) { return s.length > 0; } );		.filter( function ( s ) { return s.length > 0; } );

			// Gemeinde-Umrisse: "ja" => alle. Sonst kommagetrennte Namen,
			// z.B. "Altendorf" oder "Altendorf,Ternitz" => nur diese.
			var gemeindenAttr = container.getAttribute( 'data-gemeinden' ) \|\| '';
			var gemeindenListe = [];
			if ( gemeindenAttr && gemeindenAttr !== 'ja' ) {
			gemeindenListe = gemeindenAttr
			.split( ',' )
			.map( function ( s ) { return s.trim(); } )
			.filter( function ( s ) { return s.length > 0; } );
			}

	var hoehe = container.getAttribute( 'data-hoehe' );		var hoehe = container.getAttribute( 'data-hoehe' );
Zeile 368:		Zeile 388:
	}		}

	if ( ~~container.getAttribute( 'data-gemeinden' ) === 'ja'~~ && gemeinden ) {		var gemeindeLayer = null;
	L.geoJSON( gemeinden, {		if ( gemeindenAttr && gemeinden ) {
			gemeindeLayer = L.geoJSON( gemeinden, {
			// Bei Namensliste nur die genannten Gemeinden durchlassen.
			filter: function ( feature ) {
			if ( !gemeindenListe.length ) {
			return true;
			}
			var p = feature.properties \|\| {};
			return gemeindenListe.indexOf( p.name ) !== -1;
			},
	style: { color: '#3367d6', weight: 1.5, fillOpacity: 0.05 },		style: { color: '#3367d6', weight: 1.5, fillOpacity: 0.05 },
	onEachFeature: function ( feature, lyr ) {		onEachFeature: function ( feature, lyr ) {
Zeile 393:		Zeile 422:

	// Ad-hoc-Pin-Modus: nur dieser eine Pin, keine Orte aus der JSON.		// Ad-hoc-Pin-Modus: nur dieser eine Pin, keine Orte aus der JSON.
	if ( pinKoord ) {		// data-orte="nein" unterdrueckt auch diesen Pin.
			if ( pinKoord && !keineOrte ) {
	var pinMarker = L.marker( pinKoord, {		var pinMarker = L.marker( pinKoord, {
	icon: icon( true ),		icon: icon( true ),
Zeile 416:		Zeile 446:

	orte.forEach( function ( ort ) {		orte.forEach( function ( ort ) {
			// data-orte="nein": keinerlei Orts-Pins.
			if ( keineOrte ) {
			return;
			}
	// Nur-aktiv-Modus: alles außer dem aktiven Ort überspringen.		// Nur-aktiv-Modus: alles außer dem aktiven Ort überspringen.
	if ( nurAktiv && ( !aktivId \|\| ort.id !== aktivId ) ) {		if ( nurAktiv && ( !aktivId \|\| ort.id !== aktivId ) ) {
Zeile 483:		Zeile 517:
	} else if ( sichtbare.length ) {		} else if ( sichtbare.length ) {
	map.fitBounds( sichtbare, { padding: [ 30, 30 ] } );		map.fitBounds( sichtbare, { padding: [ 30, 30 ] } );
			} else if ( gemeindeLayer && gemeindeLayer.getLayers().length ) {
			// Keine Pins sichtbar, aber Umrisse: auf die Umrisse zoomen.
			map.fitBounds( gemeindeLayer.getBounds(), { padding: [ 20, 20 ] } );
	}		}

Zeile 504:		Zeile 541:
	container,		container,
	function ( c ) {		function ( c ) {
	return c.getAttribute( 'data-gemeinden' ) ~~=== 'ja'~~;		// "ja" ODER Gemeindename(n) => Gemeinden-JSON wird gebraucht.
			return !!c.getAttribute( 'data-gemeinden' );
	}		}
	);		);

Admin: Änderung 937 von Admin (Diskussion) rückgängig gemacht.

2026-07-04T21:38:09Z

Änderung 937 von Admin (Diskussion) rückgängig gemacht.

Änderungen zeigen

Admin am 4. Juli 2026 um 20:33 Uhr

2026-07-04T20:33:46Z

Änderungen zeigen

Admin am 3. Juli 2026 um 20:07 Uhr

2026-07-03T20:07:00Z

@@ Zeile 198: / Zeile 198: @@
 					zoomOffset: -1,
 					attribution: 'Overlay: <a href="https://www.openrailwaymap.org/">OpenRailwayMap</a> (CC-BY-SA 2.0)'
+				}
 			);
+		}
-		// Zug + Luftbild: Orthofoto unten, Gleise drüber.
+		// Zug-Kombis: jeweils Basiskarte(n) unten, Gleise obendrauf.
 		var zugLuftbild = L.layerGroup( [ neuesLuftbild(), neuesBahnOverlay() ] );
-		// Zug + Luftbild + Karte: Orthofoto, Beschriftung, Gleise obendrauf.
+		// Bus: ÖPNVKarte (memomaps.de) ist eine VOLLSTÄNDIGE Karte mit
-		var zugLuftbildKarte = L.layerGroup(
+		// Buslinien/Haltestellen, KEIN transparentes Overlay. Deshalb gibt
-			[ neuesLuftbild(), neuesBmapOverlay(), neuesBahnOverlay() ]
+		// es keine Bus+Luftbild-Kombis. Hinweis: Datenpflege des Projekts
 		);
@@ Zeile 215: / Zeile 256: @@
 				'Luftbild': luftbild,
 				'Karte': osmStandard,
-				'TopoKarte': osmRelief,
+				'Topokarte': osmRelief,
-				'TopoKarte2': tracestrack,
+				'Topokarte2': tracestrack,
-				'Zug': eisenbahn,
+				'Zug + Luftbild + Karte': zugLuftbildKarte,
 				'Zug + Luftbild': zugLuftbild,
-				'Zug + Luftbild + Karte': zugLuftbildKarte
+				'Zug + Karte': zugKarte,
 			},
 			standard: gemischt

Admin am 3. Juli 2026 um 19:58 Uhr

2026-07-03T19:58:53Z

@@ Zeile 29: / Zeile 29: @@
   *   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. "Eisenbahnkarte".
+  *   data-layer       Start-Ansicht per Menü-Name, z.B. "Zug" oder
-  *                    Unbekannter Name => normaler Default.
+  *                    "Zug + Luftbild". Unbekannter Name => normaler Default.
   *   data-hoehe       Pixel-Höhe der Karte (optional, sonst CSS-Default)
+  *
@@ Zeile 166: / Zeile 166: @@
 		);
 		var eisenbahn = L.layerGroup( [ osmFuerBahn, bahnOverlay ] );
 		return {
@@ Zeile 174: / Zeile 217: @@
 				'TopoKarte': osmRelief,
 				'TopoKarte2': tracestrack,
-				'Eisenbahnkarte': eisenbahn
+				'Zug': eisenbahn,
 			},
 			standard: gemischt

Admin am 3. Juli 2026 um 19:54 Uhr

2026-07-03T19:54:19Z

@@ Zeile 27: / Zeile 27: @@
   *   data-pin-name    Optional zum Pin: Text im Popup.
   *   data-gemeinden   "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
   *   data-hoehe       Pixel-Höhe der Karte (optional, sonst CSS-Default)
+  *
@@ Zeile 142: / Zeile 146: @@
 		);
 		var gemischt = L.layerGroup( [ luftbildKopie, overlay ] );
 		return {
 			basis: {
@@ Zeile 148: / Zeile 173: @@
 				'Karte': osmStandard,
 				'TopoKarte': osmRelief,
-				'TopoKarte2': tracestrack
+				'TopoKarte2': tracestrack,
 			},
 			standard: gemischt
@@ Zeile 211: / Zeile 237: @@
+		}
 		var pinName = container.getAttribute( 'data-pin-name' ) || '';
 		// Filter: eine oder mehrere Kategorien, kommagetrennt.
@@ Zeile 229: / Zeile 262: @@
 		var layer = baueLayer();
 		var map = L.map( container, {
 			center: CONFIG.defaultCenter,
 			zoom: CONFIG.defaultZoom,
-			layers: [ layer.standard ],
+			layers: [ startLayer ],
 			fullscreenControl: hatFullscreen
 		} );
@@ Zeile 291: / Zeile 327: @@
 		orte.forEach( function ( ort ) {
 			// Filter: wenn eine Filterliste gesetzt ist, muss die Kategorie
 			// des Ortes in der Liste vorkommen. Sonst wird der Ort ausgelassen.

Admin am 3. Juli 2026 um 06:46 Uhr

2026-07-03T06:46:46Z

@@ Zeile 22: / Zeile 22: @@
   *   data-filter      nur Orte dieser "kategorie" zeigen. Mehrere Kategorien
   *                    kommagetrennt moeglich, z.B. "asiatisch,gasthaus,imbiss"
   *   data-gemeinden   "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
   *   data-hoehe       Pixel-Höhe der Karte (optional, sonst CSS-Default)
@@ Zeile 188: / Zeile 192: @@
 	function baueKarte( container, orte, gemeinden, kategorien ) {
 		var aktivId = container.getAttribute( 'data-aktiv-ort' ) || null;
 		// Filter: eine oder mehrere Kategorien, kommagetrennt.
@@ Zeile 243: / Zeile 266: @@
 		var aktiverMarker = null;
 		var sichtbare = [];
 		orte.forEach( function ( ort ) {
 			// Filter: wenn eine Filterliste gesetzt ist, muss die Kategorie

Admin am 2. Juli 2026 um 22:22 Uhr

2026-07-02T22:22:04Z

← Nächstältere Version		Version vom 3. Juli 2026, 00:22 Uhr
Zeile 24:		Zeile 24:
	* data-gemeinden "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)		* data-gemeinden "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
	* data-hoehe Pixel-Höhe der Karte (optional, sonst CSS-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		* ABHÄNGIGKEIT: Leaflet 1.9.x + Leaflet.fullscreen. Dieses Gadget lädt sie
Zeile 238:		Zeile 249:
	return;		return;
	}		}
	if ( typeof ort.lat !== 'number' \|\| typeof ~~ort.~~lon !== 'number' ) {
			// 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;		return;
	}		}
	var istAktiv = aktivId && ort.id === aktivId;		var istAktiv = aktivId && ort.id === aktivId;
	var m = L.marker( [ ~~ort.~~lat, ~~ort.~~lon ], {		// 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 ),		icon: icon( istAktiv ),
	zIndexOffset: istAktiv ? 1000 : 0		zIndexOffset: istAktiv ? 1000 : 0
Zeile 258:		Zeile 289:
	}		}

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

Admin am 1. Juli 2026 um 17:54 Uhr

2026-07-01T17:54:19Z

← Nächstältere Version		Version vom 1. Juli 2026, 19:54 Uhr
Zeile 175:		Zeile 175:
	* 5) EINE EINZELNE KARTE BAUEN		* 5) EINE EINZELNE KARTE BAUEN
	* ==================================================================== */		* ==================================================================== */
	function baueKarte( container, orte, gemeinden ) {		function baueKarte( container, orte, gemeinden, kategorien ) {
	var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;		var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;

Zeile 246:		Zeile 246:
	zIndexOffset: istAktiv ? 1000 : 0		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;
			}
			} );
			}

	var link = mw.util.getUrl( ort.seite \|\| ort.name );		var link = mw.util.getUrl( ort.seite \|\| ort.name );
	m.bindPopup(		m.bindPopup(
Zeile 297:		Zeile 309:
	$.when.apply( $, aufgaben ).then( function ( orteData, gemeinden ) {		$.when.apply( $, aufgaben ).then( function ( orteData, gemeinden ) {
	var orte = ( orteData && orteData.orte ) \|\| [];		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 ) {		Array.prototype.forEach.call( container, function ( c ) {
	try {		try {
	baueKarte( c, orte, gemeinden );		baueKarte( c, orte, gemeinden, kategorien );
	} catch ( e ) {		} catch ( e ) {
	c.textContent = 'Karte konnte nicht geladen werden.';		c.textContent = 'Karte konnte nicht geladen werden.';

Admin am 1. Juli 2026 um 17:38 Uhr

2026-07-01T17:38:38Z

← Nächstältere Version		Version vom 1. Juli 2026, 19:38 Uhr
Zeile 20:		Zeile 20:
	* data-Attribute:		* data-Attribute:
	* data-aktiv-ort ID des hervorgehobenen Ortes (rot, zentriert, Popup auf)		* data-aktiv-ort ID des hervorgehobenen Ortes (rot, zentriert, Popup auf)
	* data-filter nur Orte dieser "kategorie" zeigen		* data-filter nur Orte dieser "kategorie" zeigen. Mehrere Kategorien
			* kommagetrennt moeglich, z.B. "asiatisch,gasthaus,imbiss"
	* data-gemeinden "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)		* data-gemeinden "ja" => Gemeinde-Umrisse einblenden (Klick => Seite)
	* data-hoehe Pixel-Höhe der Karte (optional, sonst CSS-Default)		* data-hoehe Pixel-Höhe der Karte (optional, sonst CSS-Default)
Zeile 176:		Zeile 177:
	function baueKarte( container, orte, gemeinden ) {		function baueKarte( container, orte, gemeinden ) {
	var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;		var aktivId = container.getAttribute( 'data-aktiv-ort' ) \|\| null;
	var ~~filter~~ = container.getAttribute( 'data-filter' ) \|\| ~~null~~;
			// 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' );		var hoehe = container.getAttribute( 'data-hoehe' );
	if ( hoehe ) {		if ( hoehe ) {
Zeile 223:		Zeile 233:
	var sichtbare = [];		var sichtbare = [];
	orte.forEach( function ( ort ) {		orte.forEach( function ( ort ) {
	if ( ~~filter~~ && ort.kategorie !== ~~filter~~ ) {		// 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;		return;
	}		}