HorstR am 8. Dezember 2025 um 11:35 Uhr

2025-12-08T11:35:51Z

← Nächstältere Version		Version vom 8. Dezember 2025, 11:35 Uhr
Zeile 9:		Zeile 9:
	<!-- MAP CONTAINER -->		<!-- MAP CONTAINER -->
	<div id="map" style="height:500px; border:1px solid #ccc;">		<div id="map" style="height:500px; border:1px solid #ccc;">
	[		{"name":"Genoveva-Gymnasium","type":"Gymnasium","coords":"50.93,6.96"},
	{"name":"Genoveva-Gymnasium","type":"Gymnasium","coords":"50.93,6.96"},		{"name":"Maria-Montessori-Grundschule","type":"Grundschule","coords":"50.94,6.95"}
	{"name":"Maria-Montessori-Grundschule","type":"Grundschule","coords":"50.94,6.95"}
	]
	</div>		</div>

HorstR am 8. Dezember 2025 um 11:34 Uhr

2025-12-08T11:34:30Z

← Nächstältere Version		Version vom 8. Dezember 2025, 11:34 Uhr
Zeile 8:		Zeile 8:

	<!-- MAP CONTAINER -->		<!-- MAP CONTAINER -->
	<div id="map" style="height:500px; border:1px solid #ccc;"></div>		<div id="map" style="height:500px; border:1px solid #ccc;">
			[
			{"name":"Genoveva-Gymnasium","type":"Gymnasium","coords":"50.93,6.96"},
			{"name":"Maria-Montessori-Grundschule","type":"Grundschule","coords":"50.94,6.95"}
			]
			</div>

	<!-- Leaflet CSS/JS -->		<!-- Leaflet CSS/JS -->

HorstR am 8. Dezember 2025 um 11:33 Uhr

2025-12-08T11:33:45Z

← Nächstältere Version		Version vom 8. Dezember 2025, 11:33 Uhr
Zeile 1:		Zeile 1:
	<?php		<?php
	/**		/**
	* Widget: ~~Schulkarte~~		* Widget: Schulkarte2
	*		*
	* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte		* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte

HorstR am 8. Dezember 2025 um 10:49 Uhr

2025-12-08T10:49:13Z

← Nächstältere Version		Version vom 8. Dezember 2025, 10:49 Uhr
Zeile 1:		Zeile 1:
	<?php		<?php
	/**		/**
	* Widget: ~~Schulkarte2~~		* Widget: Schulkarte
	*		*
	* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte		* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte

HorstR am 8. Dezember 2025 um 10:45 Uhr

2025-12-08T10:45:19Z

← Nächstältere Version		Version vom 8. Dezember 2025, 10:45 Uhr
Zeile 1:		Zeile 1:
	<?php		<?php
	/**		/**
	* Widget: ~~Schulkarte~~		* Widget: Schulkarte2
	*		*
	* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte		* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte

HorstR am 8. Dezember 2025 um 10:42 Uhr

2025-12-08T10:42:47Z

← Nächstältere Version		Version vom 8. Dezember 2025, 10:42 Uhr
Zeile 3:		Zeile 3:
	* Widget: Schulkarte		* Widget: Schulkarte
	*		*
	* Zeigt ~~eine~~ Leaflet Karte ~~mit Marker basierend auf SMW-Daten~~		* Zeigt alle Schulen aus SMW auf einer Leaflet-Karte
	*
	*/		*/
	?>		?>

	<!-- MAP CONTAINER -->		<!-- MAP CONTAINER -->
	<div id="map" style="height: ~~450px~~; border:1px solid #ccc~~;"></div>~~		<div id="map" style="height:500px; border:1px solid #ccc;"></div>
	~~<div id="map-debug" style="font-size:12px; background:#eee; padding:5px; margin-top:5px~~;"></div>

	<!-- Leaflet ~~laden~~ -->		<!-- Leaflet CSS/JS -->
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" />		<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" />
	<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>		<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>
			<script src="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
			<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css" />
			<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css" />

	<script>		<script>
	~~// Debug-Ausgabe~~		document.addEventListener("DOMContentLoaded", function () {
	function ~~debug~~(~~msg~~) {		// SMW JSON lesen
	~~var box = document.getElementById('map-debug');~~
	~~box.innerHTML += msg + "<br>";~~
	}

	// JSON ~~aus <div id="smw-data">~~ lesen
	~~function getSMWData() {~~
	var el = document.getElementById('smw-data');		var el = document.getElementById('smw-data');
	if (!el) {		if (!el) {
	~~debug~~("❌ Kein smw-data Element gefunden! ~~Stelle sicher, dass #ask JSON erzeugt.~~");		console.error("❌ Kein smw-data Element gefunden!");
	return ~~null~~;		return;
	}		}

	var raw = el.textContent.trim();		var raw = el.textContent.trim();
	~~debug~~(~~"📌 Rohdaten gefunden: " +~~ raw.~~substring~~(~~0, 60) +~~ "~~...~~");		if (!raw) {
			console.error("❌ smw-data leer!");
			return;
			}

			var smw;
	try {		try {
	~~return~~ JSON.parse(raw);		smw = JSON.parse(raw);
	} catch (e) {		} catch(e) {
	~~debug~~("❌ JSON Parse Fehler: " + e);		console.error("❌ JSON Parse Fehler:", e, raw);
	return ~~null~~;		return;
	}		}
	}

	~~document.addEventListener("DOMContentLoaded", function () {~~
	~~var smw = getSMWData();~~

	if (~~!smw \|\|~~ !smw.results) {		if (!smw.results) {
	~~debug~~("⚠️ Keine ~~gültigen SMW Werte erhalten.~~");		console.error("⚠️ Keine Ergebnisse in JSON");
	return;		return;
	}		}

	~~debug("✔️ JSON geparst, starte Leaflet...");~~

	// Karte anlegen		// Karte anlegen
	var map = L.map('map').setView([50.94, 6.95], 11);		var map = L.map('map').setView([50.94, 6.95], 11);

	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {		L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	maxZoom: 18		maxZoom: 18,
			attribution: '© OpenStreetMap contributors'
	}).addTo(map);		}).addTo(map);

			// Marker-Cluster
			var markers = L.markerClusterGroup();

	// Marker setzen		// Marker setzen
	Object.keys(smw.results).forEach(function (~~page~~) {		Object.keys(smw.results).forEach(function(title) {
	var d = smw.results[~~page~~].printouts;		var d = smw.results[title].printouts;

	if (!d.Koordinaten \|\| !d.Schule) return;		if (!d.Koordinaten \|\| !d.Schule) return;

	var ~~coordStr~~ = d.Koordinaten[0]~~; // "50.93, 6.96"~~		var coords = d.Koordinaten[0].split(',');
	~~var parts = coordStr~~.split(',');		if (coords.length !== 2) return;

	~~if (parts.length !== 2) {~~		var lat = parseFloat(coords[0]);
	~~debug("⚠️ Koordinaten Formatproblem: " + coordStr);~~		var lon = parseFloat(coords[1]);
	~~return;~~
	}

	var lat = parseFloat(~~parts~~[0]);
	var lon = parseFloat(~~parts~~[1]);
	var name = d.Schule[0];		var name = d.Schule[0];
			var typ = (d.Schultyp && d.Schultyp[0]) ? d.Schultyp[0] : "Unbekannt";

	~~debug~~("~~➡ Marker:~~ " + name + " (" + ~~lat + ", " + lon + "~~)");		var marker = L.marker([lat, lon]).bindPopup("<strong>" + name + "</strong><br/>" + typ);
			markers.addLayer(marker);
			});

	~~L.marker([lat, lon]).addTo(~~map).~~bindPopup~~(~~name);~~		map.addLayer(markers);
	});

	~~debug~~(~~"✔️ Kartenaufbau abgeschlossen~~.");		// Auto-Zoom auf alle Marker
			if (markers.getLayers().length > 0) {
			map.fitBounds(markers.getBounds().pad(0.2));
			}
	});		});
	</script>		</script>

HorstR: Die Seite wurde neu angelegt: „

Widget:Schulkarte2 - Versionsgeschichte

HorstR am 8. Dezember 2025 um 11:35 Uhr

HorstR am 8. Dezember 2025 um 11:34 Uhr

HorstR am 8. Dezember 2025 um 11:33 Uhr

HorstR am 8. Dezember 2025 um 10:49 Uhr

HorstR am 8. Dezember 2025 um 10:45 Uhr

HorstR am 8. Dezember 2025 um 10:42 Uhr