/** * 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 + Erdbeben...'; statusEl.classList.add('active'); } // Lade beides parallel: NASA EONET + USGS Erdbeben Promise.all([ fetch('/api/disasters').then(function(r) { return r.json(); }).catch(function() { return {events:[]}; }), fetch('/api/quakes').then(function(r) { return r.json(); }).catch(function() { return {features:[]}; }), ]) .then(function(results) { var eonetData = results[0]; var quakeData = results[1]; self._renderAll(eonetData, quakeData); var total = (eonetData.events || []).length + (quakeData.features || []).length; self._count = total; if (statusEl) statusEl.textContent = total + ' 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); }); }, _renderAll(eonetData, quakeData) { if (!this._dataSource) return; this._dataSource.entities.removeAll(); // NASA EONET Events var events = eonetData.events || []; this._renderEonet(events); // USGS Erdbeben var quakes = quakeData.features || []; this._renderQuakes(quakes); }, _renderEonet(events) { var self = this; .then(function(r) { return r.json(); }) 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: '