Satellitenbilder-Switcher: 9 Imagery-Quellen

Dropdown im Layer-Panel unter SATELLITENBILDER:
- Cesium Ion (Standard, photorealistisch mit Terrain)
- Esri World Imagery (hochaufloesend, 0.3-1m)
- Sentinel-2 2024/2023/2022/2020/2018 (ESA Copernicus, historisch)
- OpenTopoMap (topographische Karte)
- OpenStreetMap (Referenz)

Sentinel-2 historisch ermoeglicht Vorher/Nachher-Vergleiche:
z.B. Waldbraende, Ueberschwemmungen, Infrastruktur-Veraenderungen.
Alle Quellen kostenlos, kein API-Key, volle CORS-Unterstuetzung.

static/index.html

@@ -129,6 +129,23 @@
             </div>
         </div>
         <div class="panel-divider"></div>
+        <div class="panel-divider"></div>
+        <div class="panel-section">
+            <div style="font-size:9px;letter-spacing:1.5px;color:var(--accent);margin-bottom:6px;">SATELLITENBILDER</div>
+            <select id="imagery-select" class="imagery-select" onchange="ImagerySwitch.switchTo(this.value)">
+                <option value="default">Cesium Ion (Standard)</option>
+                <option value="esri">Esri World Imagery</option>
+                <option value="s2-2024">Sentinel-2 (2024)</option>
+                <option value="s2-2023">Sentinel-2 (2023)</option>
+                <option value="s2-2022">Sentinel-2 (2022)</option>
+                <option value="s2-2020">Sentinel-2 (2020)</option>
+                <option value="s2-2018">Sentinel-2 (2018)</option>
+                <option value="topo">OpenTopoMap</option>
+                <option value="osm">OpenStreetMap</option>
+            </select>
+            <div id="imagery-label" style="font-size:9px;color:var(--text-dim);margin-top:2px;">Cesium Ion (Standard)</div>
+        </div>
+        <div class="panel-divider"></div>
         <div class="panel-coords" id="coords-display">
             LAT: --&nbsp;&nbsp;LON: --
         </div>
@@ -182,6 +199,7 @@
     <script src="/static/js/ui/sidebar.js"></script>
     <script src="/static/js/layers/monitor.js"></script>
     <script src="/static/js/layers/weather.js"></script>
+    <script src="/static/js/ui/imagery.js"></script>
     <script src="/static/js/ui/search.js"></script>
     <script src="/static/js/ui/crosshairs.js"></script>
     <script src="/static/js/layers/visualmodes.js"></script>