9b4ea4cd28
SATELLITEN (CelesTrak TLE): - Raumstationen (ISS), GPS, Galileo, Wetter, Erdbeobachtung, Starlink - Echtzeit-Positionsberechnung aus Kepler-Elementen (2s Update) - Orbitbahnen als leuchtende Linien (Stationen, GPS, Galileo) - Farbkodiert nach Gruppe (rot=Station, orange=GPS, blau=Galileo) NATURKATASTROPHEN (NASA EONET): - Waldbraende, Vulkane, Stuerme, Fluten, Erdrutsche, Eis - Farbige Punkte mit Emoji-Labels - Klick zeigt Details und Quellen VISUAL MODES: - STD: Standard-Ansicht - NVG: Nachtsicht (gruener Monochrom-Filter) - FLIR: Thermal-Ansicht (invertiert, Infrarot-Look) - CRT: Retro-Monitor (Scanlines, Vignette) 4 neue Dateien: satellites.js, disasters.js, visualmodes.js, data_satellites.py, data_disasters.py
87 Zeilen
4.2 KiB
JavaScript
87 Zeilen
4.2 KiB
JavaScript
/**
|
|
* Naturkatastrophen-Layer: NASA EONET (Waldbrände, Vulkane, Stürme, Eis).
|
|
*/
|
|
const DisastersLayer = {
|
|
_viewer: null,
|
|
_dataSource: null,
|
|
_interval: null,
|
|
_count: 0,
|
|
|
|
start(viewer) {
|
|
if (this._dataSource) return;
|
|
this._viewer = viewer;
|
|
this._dataSource = new Cesium.CustomDataSource('disasters');
|
|
viewer.dataSources.add(this._dataSource);
|
|
this._fetch();
|
|
var self = this;
|
|
this._interval = setInterval(function() { self._fetch(); }, 600000);
|
|
},
|
|
|
|
stop() {
|
|
if (this._interval) { clearInterval(this._interval); this._interval = null; }
|
|
if (this._dataSource && this._viewer) { this._viewer.dataSources.remove(this._dataSource); this._dataSource = null; }
|
|
this._count = 0;
|
|
},
|
|
|
|
_fetch() {
|
|
var self = this;
|
|
var loadEl = document.getElementById('loading-disasters');
|
|
var statusEl = document.getElementById('status-disasters');
|
|
if (loadEl) loadEl.classList.add('active');
|
|
if (statusEl) { statusEl.textContent = 'Lade Ereignisse...'; statusEl.classList.add('active'); }
|
|
fetch('/api/disasters')
|
|
.then(function(r) { return r.json(); })
|
|
.then(function(data) {
|
|
if (!self._dataSource) return;
|
|
self._dataSource.entities.removeAll();
|
|
var events = data.events || [];
|
|
self._count = events.length;
|
|
var icons = {
|
|
'wildfires': { color: '#ff4400', symbol: '🔥', label: 'Waldbrand' },
|
|
'volcanoes': { color: '#ff0000', symbol: '🌋', label: 'Vulkan' },
|
|
'severeStorms': { color: '#aa44ff', symbol: '🌀', label: 'Sturm' },
|
|
'floods': { color: '#4488ff', symbol: '🌊', label: 'Flut' },
|
|
'earthquakes': { color: '#ffaa00', symbol: '⚡', label: 'Erdbeben' },
|
|
'seaLakeIce': { color: '#88ddff', symbol: '❄️', label: 'Eis' },
|
|
'landslides': { color: '#886644', symbol: '⛰️', label: 'Erdrutsch' },
|
|
};
|
|
events.forEach(function(evt) {
|
|
var cats = evt.categories || [];
|
|
var catId = cats.length ? cats[0].id : 'unknown';
|
|
var icon = icons[catId] || { color: '#ffffff', symbol: '⚠️', label: catId };
|
|
var geom = evt.geometry || [];
|
|
if (!geom.length) return;
|
|
var latest = geom[geom.length - 1];
|
|
var coords = latest.coordinates;
|
|
if (!coords || coords.length < 2) return;
|
|
var lon = coords[0], lat = coords[1];
|
|
|
|
self._dataSource.entities.add({
|
|
position: Cesium.Cartesian3.fromDegrees(lon, lat, 0),
|
|
point: {
|
|
pixelSize: 8,
|
|
color: Cesium.Color.fromCssColorString(icon.color),
|
|
outlineColor: Cesium.Color.fromCssColorString(icon.color).withAlpha(0.4),
|
|
outlineWidth: 3,
|
|
heightReference: Cesium.HeightReference.NONE,
|
|
},
|
|
label: {
|
|
text: icon.symbol,
|
|
font: '14px sans-serif',
|
|
pixelOffset: new Cesium.Cartesian2(0, -14),
|
|
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 5000000),
|
|
},
|
|
description: '<div style="font-family:monospace;font-size:13px;padding:8px">' +
|
|
'<strong style="color:' + icon.color + '">' + icon.label.toUpperCase() + '</strong><br>' +
|
|
'<span style="color:#e0e0e0">' + (evt.title || '?') + '</span><br>' +
|
|
'<span style="color:#888">Quellen: ' + (evt.sources || []).map(function(s) { return s.id; }).join(', ') + '</span>' +
|
|
'</div>',
|
|
});
|
|
});
|
|
if (statusEl) statusEl.textContent = events.length + ' Ereignisse';
|
|
})
|
|
.catch(function(e) { console.warn('Disasters error:', e); if (statusEl) statusEl.textContent = 'Fehler'; })
|
|
.finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
|
|
},
|
|
};
|