https://www.altes-koeln.de/index.php?action=history&feed=atom&title=Widget%3AKoelnWasWarWoPro
Widget:KoelnWasWarWoPro - Versionsgeschichte
2026-05-13T14:32:53Z
Versionsgeschichte dieser Seite in Altes Köln
MediaWiki 1.43.6
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92632&oldid=prev
HorstR am 9. März 2026 um 21:30 Uhr
2026-03-09T21:30:43Z
<p></p>
<a href="https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92632&oldid=92630">Änderungen zeigen</a>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92630&oldid=prev
HorstR am 9. März 2026 um 21:03 Uhr
2026-03-09T21:03:50Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 9. März 2026, 21:03 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l138">Zeile 138:</td>
<td colspan="2" class="diff-lineno">Zeile 138:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>map.whenReady(function(){</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>map.whenReady(function(){</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>fetch('/alteskoeln/<del style="font-weight: bold; text-decoration: none;">WasWarWo</del>.geojson')</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>fetch('/alteskoeln/<ins style="font-weight: bold; text-decoration: none;">Siedlung</ins>.geojson')</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.then(response=>response.json())</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.then(response=>response.json())</div></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92629:rev-92630:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92629&oldid=prev
HorstR am 9. März 2026 um 18:53 Uhr
2026-03-09T18:53:37Z
<p></p>
<a href="https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92629&oldid=92628">Änderungen zeigen</a>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92628&oldid=prev
HorstR am 9. März 2026 um 18:47 Uhr
2026-03-09T18:47:45Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 9. März 2026, 18:47 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Karte – Köln Was War Wo</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Leaflet </ins>Karte – Köln Was War Wo <ins style="font-weight: bold; text-decoration: none;">(Pro Version)</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92627:rev-92628:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92627&oldid=prev
HorstR am 9. März 2026 um 18:02 Uhr
2026-03-09T18:02:08Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 9. März 2026, 18:02 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l110">Zeile 110:</td>
<td colspan="2" class="diff-lineno">Zeile 110:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>fetch('/alteskoeln/<del style="font-weight: bold; text-decoration: none;">WWW</del>.geojson')</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>fetch('/alteskoeln/<ins style="font-weight: bold; text-decoration: none;">WasWarWo</ins>.geojson')</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.then(res=>res.json())</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.then(res=>res.json())</div></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92625:rev-92627:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:KoelnWasWarWoPro&diff=92625&oldid=prev
HorstR: Die Seite wurde neu angelegt: „<noinclude> Karte – Köln Was War Wo </noinclude> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/> <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script> <style> #map-www-pro{ width:100%; height:80vh; border:3px…“
2026-03-09T17:43:13Z
<p>Die Seite wurde neu angelegt: „<noinclude> Karte – Köln Was War Wo </noinclude> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/> <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script> <style> #map-www-pro{ width:100%; height:80vh; border:3px…“</p>
<p><b>Neue Seite</b></p><div><noinclude><br />
Karte – Köln Was War Wo<br />
</noinclude><br />
<br />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/><br />
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/><br />
<br />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script><br />
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script><br />
<br />
<style><br />
<br />
#map-www-pro{<br />
width:100%;<br />
height:80vh;<br />
border:3px solid black;<br />
border-radius:10px;<br />
}<br />
<br />
.www-controls{<br />
margin-top:8px;<br />
padding:6px;<br />
background:#f3f3f3;<br />
border-radius:6px;<br />
}<br />
<br />
</style><br />
<br />
<p style="text-align:center;font-weight:bold;font-size:20px;"><br />
Köln – Was War Wo<br />
</p><br />
<br />
<div id="map-www-pro"></div><br />
<br />
<div class="www-controls"><br />
<br />
<b>Kategorien:</b><br><br />
<br />
<label><input type="checkbox" class="catFilter" value="verteidigen" checked> Verteidigen & Schützen</label><br><br />
<label><input type="checkbox" class="catFilter" value="arbeiten" checked> Arbeiten & Transportieren</label><br><br />
<label><input type="checkbox" class="catFilter" value="beten" checked> Beten & Heilen</label><br><br />
<label><input type="checkbox" class="catFilter" value="ackern" checked> Ackern & Mahlen</label><br><br />
<label><input type="checkbox" class="catFilter" value="leben" checked> Leben & Lernen</label><br />
<br />
<br><br><br />
<br />
<b>Zeitraum:</b><br><br />
<br />
<input type="range" id="yearSliderWWW" min="800" max="2000" value="2000" step="10" style="width:80%;"><br />
<span id="yearLabelWWW">bis 2000</span><br />
<br />
</div><br />
<br />
<div style="text-align:center;margin-top:10px;"><br />
<a href="https://hermsdoerfer.familyds.com/" target="_blank"<br />
style="text-decoration:none;font-size:15px;color:red;"><br />
<strong>© Dietmar Hermsdörfer</strong><br />
</a><br />
</div><br />
<br />
<script><br />
(function(){<br />
<br />
var map=L.map('map-www-pro',{<br />
preferCanvas:true<br />
}).setView([50.95,6.95],12);<br />
<br />
var osm=L.tileLayer(<br />
'https://tile.openstreetmap.org/{z}/{x}/{y}.png',<br />
{maxZoom:19,attribution:'© OpenStreetMap'}<br />
).addTo(map);<br />
<br />
var satellite=L.tileLayer(<br />
'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',<br />
{attribution:'Tiles © Esri'}<br />
);<br />
<br />
L.control.layers({<br />
"OpenStreetMap":osm,<br />
"Satellit":satellite<br />
}).addTo(map);<br />
<br />
L.Control.geocoder({<br />
position:'topleft',<br />
placeholder:"Suche ..."<br />
}).addTo(map);<br />
<br />
var geojsonLayer;<br />
<br />
var colors={<br />
verteidigen:"blue",<br />
arbeiten:"gray",<br />
beten:"purple",<br />
ackern:"green",<br />
leben:"orange"<br />
};<br />
<br />
function normalizeGroup(g){<br />
<br />
g=(g || "").toLowerCase();<br />
<br />
if(g.includes("verteid")) return "verteidigen";<br />
if(g.includes("arbeit")) return "arbeiten";<br />
if(g.includes("beten")) return "beten";<br />
if(g.includes("acker")) return "ackern";<br />
if(g.includes("leben")) return "leben";<br />
<br />
return "other";<br />
<br />
}<br />
<br />
fetch('/alteskoeln/WWW.geojson')<br />
<br />
.then(res=>res.json())<br />
<br />
.then(data=>{<br />
<br />
geojsonLayer=L.geoJSON(data,{<br />
<br />
renderer:L.canvas(),<br />
<br />
style:function(feature){<br />
<br />
var g=normalizeGroup(feature.properties.Gruppe);<br />
<br />
return{<br />
color:colors[g] || "black",<br />
weight:2,<br />
fillOpacity:0.4<br />
};<br />
<br />
},<br />
<br />
onEachFeature:function(feature,layer){<br />
<br />
var props=feature.properties;<br />
<br />
var content=<br />
"<b>"+(props.Name||"Unbekannt")+"</b><br>"+<br />
"<i>"+(props.Nutzung||"-")+"</i><br>"+<br />
"<b>Zeit:</b> "+(props.von||"?")+" – "+(props.bis||"?")+"<br>"+<br />
"<p>"+(props.Info||"")+"</p>";<br />
<br />
if(props.Bild){<br />
<br />
content+='<img src="'+props.Bild+'" style="width:100%;max-height:180px;object-fit:cover;">';<br />
<br />
}<br />
<br />
if(props.Link){<br />
<br />
content+='<br><a href="'+props.Link+'" target="_blank">➔ Mehr Infos</a>';<br />
<br />
}<br />
<br />
layer.bindPopup(content);<br />
<br />
}<br />
<br />
}).addTo(map);<br />
<br />
updateFilters();<br />
<br />
});<br />
<br />
function updateFilters(){<br />
<br />
if(!geojsonLayer) return;<br />
<br />
var year=parseInt(document.getElementById("yearSliderWWW").value);<br />
<br />
var activeCats=[];<br />
<br />
document.querySelectorAll(".catFilter:checked")<br />
.forEach(cb=>activeCats.push(cb.value));<br />
<br />
geojsonLayer.eachLayer(function(layer){<br />
<br />
var p=layer.feature.properties;<br />
<br />
var g=normalizeGroup(p.Gruppe);<br />
<br />
var von=parseInt(p.von)||0;<br />
var bis=parseInt(p.bis)||9999;<br />
<br />
var visible=<br />
activeCats.includes(g) &&<br />
von<=year;<br />
<br />
if(visible){<br />
<br />
layer.setStyle({opacity:1,fillOpacity:0.4});<br />
layer.addTo(map);<br />
<br />
}else{<br />
<br />
layer.setStyle({opacity:0,fillOpacity:0});<br />
<br />
}<br />
<br />
});<br />
<br />
}<br />
<br />
document.querySelectorAll(".catFilter")<br />
.forEach(cb=>cb.addEventListener("change",updateFilters));<br />
<br />
var slider=document.getElementById("yearSliderWWW");<br />
<br />
slider.addEventListener("input",function(){<br />
<br />
document.getElementById("yearLabelWWW").innerText="bis "+this.value;<br />
<br />
updateFilters();<br />
<br />
});<br />
<br />
})();<br />
</script></div>
HorstR