/** * 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: '
' + '' + icon.label.toUpperCase() + '
' + '' + (evt.title || '?') + '
' + 'Quellen: ' + (evt.sources || []).map(function(s) { return s.id; }).join(', ') + '' + '
', }); }); 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); }); }, };