https://www.altes-koeln.de/index.php?action=history&feed=atom&title=Widgets%2FSchulkarte.widget.php
Widgets/Schulkarte.widget.php - Versionsgeschichte
2026-04-21T00:25:25Z
Versionsgeschichte dieser Seite in Altes Köln
MediaWiki 1.43.6
https://www.altes-koeln.de/index.php?title=Widgets/Schulkarte.widget.php&diff=89604&oldid=prev
HorstR: Die Seite wurde neu angelegt: „<?php /** * Widget: Schulkarte * * Zeigt eine Leaflet Karte mit Marker basierend auf SMW-Daten * */ ?> <!-- MAP CONTAINER --> <div id="map" style="height: 450px; border:1px solid #ccc;"></div> <div id="map-debug" style="font-size:12px; background:#eee; padding:5px; margin-top:5px;"></div> <!-- Leaflet laden --> <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…“
2025-12-08T10:24:16Z
<p>Die Seite wurde neu angelegt: „<?php <span class="autocomment">* * Widget: Schulkarte * * Zeigt eine Leaflet Karte mit Marker basierend auf SMW-Daten *: </span> ?> <!-- MAP CONTAINER --> <div id="map" style="height: 450px; border:1px solid #ccc;"></div> <div id="map-debug" style="font-size:12px; background:#eee; padding:5px; margin-top:5px;"></div> <!-- Leaflet laden --> <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…“</p>
<p><b>Neue Seite</b></p><div><?php<br />
/**<br />
* Widget: Schulkarte<br />
*<br />
* Zeigt eine Leaflet Karte mit Marker basierend auf SMW-Daten<br />
*<br />
*/<br />
?><br />
<br />
<!-- MAP CONTAINER --><br />
<div id="map" style="height: 450px; border:1px solid #ccc;"></div><br />
<div id="map-debug" style="font-size:12px; background:#eee; padding:5px; margin-top:5px;"></div><br />
<br />
<!-- Leaflet laden --><br />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" /><br />
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script><br />
<br />
<script><br />
// Debug-Ausgabe<br />
function debug(msg) {<br />
var box = document.getElementById('map-debug');<br />
box.innerHTML += msg + "<br>";<br />
}<br />
<br />
// JSON aus <div id="smw-data"> lesen<br />
function getSMWData() {<br />
var el = document.getElementById('smw-data');<br />
if (!el) {<br />
debug("❌ Kein smw-data Element gefunden! Stelle sicher, dass #ask JSON erzeugt.");<br />
return null;<br />
}<br />
<br />
var raw = el.textContent.trim();<br />
debug("📌 Rohdaten gefunden: " + raw.substring(0, 60) + "...");<br />
<br />
try {<br />
return JSON.parse(raw);<br />
} catch (e) {<br />
debug("❌ JSON Parse Fehler: " + e);<br />
return null;<br />
}<br />
}<br />
<br />
document.addEventListener("DOMContentLoaded", function () {<br />
var smw = getSMWData();<br />
<br />
if (!smw || !smw.results) {<br />
debug("⚠️ Keine gültigen SMW Werte erhalten.");<br />
return;<br />
}<br />
<br />
debug("✔️ JSON geparst, starte Leaflet...");<br />
<br />
// Karte anlegen<br />
var map = L.map('map').setView([50.94, 6.95], 11);<br />
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {<br />
maxZoom: 18<br />
}).addTo(map);<br />
<br />
// Marker setzen<br />
Object.keys(smw.results).forEach(function (page) {<br />
var d = smw.results[page].printouts;<br />
<br />
if (!d.Koordinaten || !d.Schule) return;<br />
<br />
var coordStr = d.Koordinaten[0]; // "50.93, 6.96"<br />
var parts = coordStr.split(',');<br />
<br />
if (parts.length !== 2) {<br />
debug("⚠️ Koordinaten Formatproblem: " + coordStr);<br />
return;<br />
}<br />
<br />
var lat = parseFloat(parts[0]);<br />
var lon = parseFloat(parts[1]);<br />
var name = d.Schule[0];<br />
<br />
debug("➡ Marker: " + name + " (" + lat + ", " + lon + ")");<br />
<br />
L.marker([lat, lon]).addTo(map).bindPopup(name);<br />
});<br />
<br />
debug("✔️ Kartenaufbau abgeschlossen.");<br />
});<br />
</script></div>
HorstR