https://www.altes-koeln.de/index.php?action=history&feed=atom&title=Widget%3AWWW-Siedlungen
Widget:WWW-Siedlungen - Versionsgeschichte
2026-05-13T12:44:07Z
Versionsgeschichte dieser Seite in Altes Köln
MediaWiki 1.43.6
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92665&oldid=prev
HorstR am 18. März 2026 um 10:58 Uhr
2026-03-18T10:58:27Z
<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 18. März 2026, 10:58 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l213">Zeile 213:</td>
<td colspan="2" class="diff-lineno">Zeile 213:</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> // --- GeoJSON laden ---</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> // --- GeoJSON laden ---</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> fetch("Siedlung.geojson").then(res=>res.json()).then(data=>{</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("<ins style="font-weight: bold; text-decoration: none;">/alteskoeln/</ins>Siedlung.geojson").then(res=>res.json()).then(data=>{</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> geojsonLayer=L.geoJSON(data,{</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> geojsonLayer=L.geoJSON(data,{</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> style:function(feature){</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> style:function(feature){</div></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92664:rev-92665:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92664&oldid=prev
HorstR am 18. März 2026 um 10:56 Uhr
2026-03-18T10:56:37Z
<p></p>
<a href="https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92664&oldid=92663">Änderungen zeigen</a>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92663&oldid=prev
HorstR: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „widget:WWW-Siedlungen“
2026-03-18T10:54:24Z
<p>Der Seiteninhalt wurde durch einen anderen Text ersetzt: „widget:WWW-Siedlungen“</p>
<a href="https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92663&oldid=92640">Änderungen zeigen</a>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92640&oldid=prev
HorstR am 10. März 2026 um 15:52 Uhr
2026-03-10T15:52:37Z
<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 10. März 2026, 15:52 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><del style="font-weight: bold; text-decoration: none;">Leaflet </del>Karte – Köln Siedlungsentwicklung</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>Karte – Köln Siedlungsentwicklung</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>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l84">Zeile 84:</td>
<td colspan="2" class="diff-lineno">Zeile 84:</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>var geojsonLayer=null;</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>var geojsonLayer=null;</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;"><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>
<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(data=>{</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(data=>{</div></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92631:rev-92640:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92631&oldid=prev
HorstR am 9. März 2026 um 21:05 Uhr
2026-03-09T21:05:30Z
<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:05 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l84">Zeile 84:</td>
<td colspan="2" class="diff-lineno">Zeile 84:</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>var geojsonLayer=null;</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>var geojsonLayer=null;</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;">Siedlung</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;"><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>
<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(data=>{</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(data=>{</div></td></tr>
<!-- diff cache key alteskoeln:diff:1.41:old-92611:rev-92631:php=table -->
</table>
HorstR
https://www.altes-koeln.de/index.php?title=Widget:WWW-Siedlungen&diff=92611&oldid=prev
HorstR: Die Seite wurde neu angelegt: „<noinclude> Leaflet Karte – Köln Siedlungsentwicklung </noinclude> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/> <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script> <style> #map-siedlung{width:100%;height:…“
2026-03-09T10:48:09Z
<p>Die Seite wurde neu angelegt: „<noinclude> Leaflet Karte – Köln Siedlungsentwicklung </noinclude> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/> <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script> <style> #map-siedlung{width:100%;height:…“</p>
<p><b>Neue Seite</b></p><div><noinclude><br />
Leaflet Karte – Köln Siedlungsentwicklung<br />
</noinclude><br />
<br />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/><br />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script><br />
<br />
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css"/><br />
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script><br />
<br />
<style><br />
#map-siedlung{width:100%;height:80vh;border:3px solid black;border-radius:10px;}<br />
<br />
.legend{line-height:20px;background:white;padding:10px;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,0.3);font-size:14px;}<br />
.legend i{width:18px;height:18px;float:left;margin-right:8px;}<br />
<br />
.popup-card{width:270px;font-family:sans-serif;}<br />
.popup-img{width:100%;max-height:220px;object-fit:cover;border-radius:8px 8px 0 0;cursor:pointer;}<br />
.popup-body{padding:10px;}<br />
.popup-title{font-size:18px;font-weight:bold;margin-bottom:4px;}<br />
.popup-sub{font-style:italic;color:#666;margin-bottom:6px;}<br />
.popup-info{font-size:13px;line-height:1.4;margin-bottom:8px;}<br />
.popup-text{font-size:14px;line-height:1.4;}<br />
.popup-link{margin-top:8px;font-weight:bold;}<br />
</style><br />
<br />
<p style="text-align:center;font-weight:bold;font-size:20px;"><br />
Köln – Siedlungsentwicklung<br />
</p><br />
<br />
<div id="map-siedlung"></div><br />
<br />
<div style="text-align:center; margin-top:8px;"><br />
<input type="range" id="yearSlider" min="800" max="2026" value="2026" step="1" style="width:80%;"><br />
<div id="yearLabel" style="margin-top:4px; font-weight:bold;">Jahr: 2026</div><br />
</div><br />
<br />
<script><br />
<br />
(function(){<br />
<br />
var map = L.map('map-siedlung').setView([50.95,6.95],12);<br />
<br />
var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png',{<br />
maxZoom:19,<br />
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({"OpenStreetMap":osm,"Satellit":satellite}).addTo(map);<br />
<br />
L.Control.geocoder({<br />
position:'topleft',<br />
defaultMarkGeocode:true,<br />
placeholder:"Suche ..."<br />
}).addTo(map);<br />
<br />
var intervals=[<br />
{from:50,to:949,color:'#ffffcc'},<br />
{from:950,to:1105,color:'#ffeda0'},<br />
{from:1106,to:1179,color:'#fed976'},<br />
{from:1180,to:1879,color:'#feb24c'},<br />
{from:1880,to:1918,color:'#fd8d3c'},<br />
{from:1919,to:1945,color:'#fc4e2a'},<br />
{from:1946,to:1959,color:'#e31a1c'},<br />
{from:1960,to:1979,color:'#bd0026'},<br />
{from:1980,to:1999,color:'#800026'},<br />
{from:2000,to:2026,color:'#4d0018'}<br />
];<br />
<br />
function getColor(jahr){<br />
for(var i=0;i<intervals.length;i++){<br />
if(jahr>=intervals[i].from && jahr<=intervals[i].to){<br />
return intervals[i].color;<br />
}<br />
}<br />
return "#999";<br />
}<br />
<br />
var geojsonLayer=null;<br />
<br />
fetch("/alteskoeln/Siedlung.geojson")<br />
.then(res=>res.json())<br />
.then(data=>{<br />
<br />
geojsonLayer=L.geoJSON(data,{<br />
<br />
style:function(feature){<br />
<br />
var jahr=feature.properties.Jahr;<br />
<br />
if(!jahr || jahr===0){<br />
return {opacity:0,fillOpacity:0,stroke:false};<br />
}<br />
<br />
return {<br />
color:"#555",<br />
weight:1,<br />
fillColor:getColor(jahr),<br />
fillOpacity:0.7<br />
};<br />
<br />
}<br />
<br />
}).addTo(map);<br />
<br />
});<br />
<br />
var yearSlider=document.getElementById("yearSlider");<br />
var yearLabel=document.getElementById("yearLabel");<br />
<br />
yearSlider.addEventListener("input",function(){<br />
<br />
var year=parseInt(this.value);<br />
yearLabel.innerText="Jahr: "+year;<br />
<br />
geojsonLayer.eachLayer(function(layer){<br />
<br />
var featureJahr=layer.feature.properties.Jahr;<br />
<br />
if(featureJahr && featureJahr<=year){<br />
layer.setStyle({fillOpacity:0.7,opacity:1,stroke:true});<br />
}else{<br />
layer.setStyle({fillOpacity:0,opacity:0,stroke:false});<br />
}<br />
<br />
});<br />
<br />
});<br />
<br />
var legend=L.control({position:"bottomright"});<br />
<br />
legend.onAdd=function(map){<br />
<br />
var div=L.DomUtil.create("div","legend");<br />
<br />
div.innerHTML='<b>Zeit (Jahr)</b><br>'+<br />
intervals.map(i =><br />
'<i style="background:'+i.color+'"></i>'+i.from+" – "+i.to+"<br>"<br />
).join('');<br />
<br />
return div;<br />
<br />
};<br />
<br />
legend.addTo(map);<br />
<br />
})();<br />
</script></div>
HorstR