5 neue Layer: Militaerflug, Seekabel, Infrastruktur, ISS Tracker

MILITAERFLUGVERKEHR (adsb.lol /v2/mil):
- ~254 Militaerflugzeuge weltweit in Echtzeit (rot)
- Callsign-Labels bei Zoom (RCH=USAF, GAF=Luftwaffe etc.)
- Klick zeigt: Callsign, Registration, Typ, Hoehe, Squawk
- 20s Refresh

SEEKABEL (TeleGeography):
- Untersee-Glasfaserkabel als cyan-Linien auf dem Globus
- ~500+ internationale Kabelverbindungen
- Geopolitisch relevant (Sabotage, Abhoerung)

INFRASTRUKTUR (OpenStreetMap Overpass):
- 348 Kernkraftwerke weltweit (gelb mit Orange-Rand)
- Militaerflughaefen (rot)
- Labels bei Zoom (<500km)
- 24h Cache (statische Daten)

ISS TRACKER (Open-Notify API):
- Echtzeit-Position der ISS (roter Punkt, 420km Hoehe)
- 5s Refresh, prominentes Label
- Klick zeigt Details

Backend: data_military.py, data_infra.py (2 neue Dateien)
Frontend: military.js, cables.js, infra.js, iss.js (4 neue Dateien)
Dieser Commit ist enthalten in:
Claude Dev
2026-03-24 23:05:43 +01:00
Ursprung 4539bd19b3
Commit fd9e6558db
10 geänderte Dateien mit 376 neuen und 0 gelöschten Zeilen

Datei anzeigen

@@ -153,9 +153,13 @@ const Globe = {
_setupLayerToggles() {
var toggles = {
'layer-flights': function(on) { on ? FlightsLayer.start(Globe.viewer) : FlightsLayer.stop(); },
'layer-military': function(on) { on ? MilitaryLayer.start(Globe.viewer) : MilitaryLayer.stop(); },
'layer-ships': function(on) { on ? ShipsLayer.start(Globe.viewer) : ShipsLayer.stop(); },
'layer-gdelt': function(on) { on ? GdeltLayer.start(Globe.viewer) : GdeltLayer.stop(); },
'layer-satellites': function(on) { on ? SatellitesLayer.start(Globe.viewer) : SatellitesLayer.stop(); },
'layer-cables': function(on) { on ? CablesLayer.start(Globe.viewer) : CablesLayer.stop(); },
'layer-infra': function(on) { on ? InfraLayer.start(Globe.viewer) : InfraLayer.stop(); },
'layer-iss': function(on) { on ? ISSLayer.start(Globe.viewer) : ISSLayer.stop(); },
'layer-disasters': function(on) { on ? DisastersLayer.start(Globe.viewer) : DisastersLayer.stop(); },
'layer-weather': function(on) { on ? WeatherLayer.start(Globe.viewer) : WeatherLayer.stop(); },
'layer-daynight': function(on) { Globe.viewer.scene.globe.enableLighting = on; },
@@ -181,6 +185,9 @@ const Globe = {
if (typeof QuakesLayer !== 'undefined' && QuakesLayer._count > 0) {
document.getElementById('count-quakes').textContent = QuakesLayer._count.toLocaleString('de-DE');
}
if (typeof MilitaryLayer !== 'undefined' && MilitaryLayer._count > 0) {
document.getElementById('count-military').textContent = MilitaryLayer._count.toLocaleString('de-DE');
}
if (typeof SatellitesLayer !== 'undefined' && SatellitesLayer._count > 0) {
document.getElementById('count-satellites').textContent = SatellitesLayer._count.toLocaleString('de-DE');
}

34
static/js/layers/cables.js Normale Datei
Datei anzeigen

@@ -0,0 +1,34 @@
const CablesLayer = {
_viewer: null, _dataSource: null, _count: 0,
start(viewer) {
if (this._dataSource) return;
this._viewer = viewer;
this._dataSource = new Cesium.GeoJsonDataSource('cables');
this._fetch();
},
stop() {
if (this._dataSource && this._viewer) { this._viewer.dataSources.remove(this._dataSource); this._dataSource = null; }
this._count = 0;
},
_fetch() {
var self = this;
var statusEl = document.getElementById('status-cables');
if (statusEl) { statusEl.textContent = 'Lade Seekabel...'; statusEl.classList.add('active'); }
fetch('/api/submarine-cables')
.then(function(r) { return r.json(); })
.then(function(data) {
self._count = (data.features || []).length;
return self._dataSource.load(data, {
stroke: Cesium.Color.fromCssColorString('#00ccff').withAlpha(0.4),
strokeWidth: 1.5,
clampToGround: true,
});
})
.then(function() { self._viewer.dataSources.add(self._dataSource); if (statusEl) statusEl.textContent = self._count + ' Kabel'; })
.catch(function(e) { console.warn('Cables:', e); if (statusEl) statusEl.textContent = 'Fehler'; })
.finally(function() { setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
},
};

63
static/js/layers/infra.js Normale Datei
Datei anzeigen

@@ -0,0 +1,63 @@
const InfraLayer = {
_viewer: null, _points: null, _labels: null, _count: 0,
start(viewer) {
if (this._points) return;
this._viewer = viewer;
this._points = viewer.scene.primitives.add(new Cesium.PointPrimitiveCollection());
this._labels = viewer.scene.primitives.add(new Cesium.LabelCollection());
this._fetchNuclear();
this._fetchBases();
},
stop() {
if (this._points && this._viewer) { this._viewer.scene.primitives.remove(this._points); this._points = null; }
if (this._labels && this._viewer) { this._viewer.scene.primitives.remove(this._labels); this._labels = null; }
this._count = 0;
},
_fetchNuclear() {
var self = this;
fetch('/api/nuclear-plants')
.then(function(r) { return r.json(); })
.then(function(data) {
var yellow = Cesium.Color.fromCssColorString('#ffdd00');
(data.plants || []).forEach(function(p) {
self._points.add({ position: Cesium.Cartesian3.fromDegrees(p.lon, p.lat, 0), pixelSize: 5, color: yellow,
outlineColor: Cesium.Color.fromCssColorString('#ff8800'), outlineWidth: 2 });
self._labels.add({
position: Cesium.Cartesian3.fromDegrees(p.lon, p.lat, 0), text: p.name,
font: '9px sans-serif', fillColor: yellow, outlineColor: Cesium.Color.BLACK, outlineWidth: 2,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
pixelOffset: new Cesium.Cartesian2(0, -10), scale: 0.6,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 500000),
});
});
self._count += (data.plants || []).length;
var s = document.getElementById('status-infra');
if (s) { s.textContent = self._count + ' Standorte'; s.classList.add('active');
setTimeout(function() { s.classList.remove('active'); }, 5000); }
}).catch(function() {});
},
_fetchBases() {
var self = this;
fetch('/api/military-bases')
.then(function(r) { return r.json(); })
.then(function(data) {
var red = Cesium.Color.fromCssColorString('#ff4444');
(data.bases || []).forEach(function(b) {
self._points.add({ position: Cesium.Cartesian3.fromDegrees(b.lon, b.lat, 0), pixelSize: 4, color: red,
outlineColor: Cesium.Color.fromCssColorString('#aa0000'), outlineWidth: 1 });
self._labels.add({
position: Cesium.Cartesian3.fromDegrees(b.lon, b.lat, 0), text: b.name,
font: '9px sans-serif', fillColor: red, outlineColor: Cesium.Color.BLACK, outlineWidth: 2,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
pixelOffset: new Cesium.Cartesian2(0, -10), scale: 0.6,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 500000),
});
});
self._count += (data.bases || []).length;
}).catch(function() {});
},
};

43
static/js/layers/iss.js Normale Datei
Datei anzeigen

@@ -0,0 +1,43 @@
const ISSLayer = {
_viewer: null, _entity: null, _interval: null, _count: 0,
start(viewer) {
if (this._entity) return;
this._viewer = viewer;
this._entity = viewer.entities.add({
name: 'ISS - International Space Station',
position: Cesium.Cartesian3.fromDegrees(0, 0, 420000),
point: { pixelSize: 10, color: Cesium.Color.fromCssColorString('#ff4444'),
outlineColor: Cesium.Color.WHITE, outlineWidth: 2 },
label: { text: 'ISS', font: '12px monospace bold',
fillColor: Cesium.Color.fromCssColorString('#ff4444'),
outlineColor: Cesium.Color.BLACK, outlineWidth: 3,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
pixelOffset: new Cesium.Cartesian2(12, -6) },
description: '<div style="font-family:monospace;font-size:13px;color:#ff4444;padding:8px"><strong>International Space Station</strong><br>Hoehe: ~420 km<br>Geschwindigkeit: ~27.600 km/h</div>',
});
this._count = 1;
this._fetch();
var self = this;
this._interval = setInterval(function() { self._fetch(); }, 5000);
},
stop() {
if (this._interval) { clearInterval(this._interval); this._interval = null; }
if (this._entity && this._viewer) { this._viewer.entities.remove(this._entity); this._entity = null; }
this._count = 0;
},
_fetch() {
var self = this;
fetch('/api/iss')
.then(function(r) { return r.json(); })
.then(function(data) {
if (!self._entity || data.message !== 'success') return;
var pos = data.iss_position;
self._entity.position = Cesium.Cartesian3.fromDegrees(
parseFloat(pos.longitude), parseFloat(pos.latitude), 420000
);
}).catch(function() {});
},
};

88
static/js/layers/military.js Normale Datei
Datei anzeigen

@@ -0,0 +1,88 @@
const MilitaryLayer = {
_viewer: null, _points: null, _labels: null, _interval: null, _count: 0, _data: [],
_handler: null,
start(viewer) {
if (this._points) return;
this._viewer = viewer;
this._points = viewer.scene.primitives.add(new Cesium.PointPrimitiveCollection());
this._labels = viewer.scene.primitives.add(new Cesium.LabelCollection());
this._fetch();
var self = this;
this._interval = setInterval(function() { self._fetch(); }, 20000);
this._handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
this._handler.setInputAction(function(c) { self._onClick(c.position); }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
},
stop() {
if (this._interval) { clearInterval(this._interval); this._interval = null; }
if (this._handler) { this._handler.destroy(); this._handler = null; }
if (this._points && this._viewer) { this._viewer.scene.primitives.remove(this._points); this._points = null; }
if (this._labels && this._viewer) { this._viewer.scene.primitives.remove(this._labels); this._labels = null; }
this._count = 0; this._data = [];
},
_onClick(pos) {
if (!this._viewer || !this._data.length) return;
var cart = this._viewer.scene.pickPosition(pos);
if (!cart) { var ray = this._viewer.scene.camera.getPickRay(pos); cart = this._viewer.scene.globe.pick(ray, this._viewer.scene); }
if (!cart) return;
var c = Cesium.Cartographic.fromCartesian(cart);
var lat = Cesium.Math.toDegrees(c.latitude), lon = Cesium.Math.toDegrees(c.longitude);
var best = null, bd = 999;
for (var i = 0; i < this._data.length; i++) {
var a = this._data[i], d = Math.abs(a.lat-lat) + Math.abs(a.lon-lon);
if (d < bd) { bd = d; best = a; }
}
if (best && bd < 1) {
var cs = best.flight || best.reg || best.hex || '?';
this._viewer.trackedEntity = undefined;
this._viewer.selectedEntity = new Cesium.Entity({
name: 'MIL: ' + cs,
description: '<div style="font-family:monospace;font-size:13px;color:#ff4444;padding:8px">' +
'<strong>' + cs + '</strong><br>REG: ' + (best.reg||'?') + '<br>TYP: ' + (best.type||'?') +
'<br>ALT: ' + (best.alt_baro||'?') + ' ft<br>SPD: ' + (best.gs||'?') + ' kts' +
'<br>SQK: ' + (best.squawk||'?') + '</div>',
});
}
},
_fetch() {
var self = this;
var statusEl = document.getElementById('status-military');
if (statusEl) { statusEl.textContent = 'Lade...'; statusEl.classList.add('active'); }
fetch('/api/military')
.then(function(r) { return r.json(); })
.then(function(data) {
self._data = data.ac || [];
self._count = self._data.length;
self._render();
if (statusEl) statusEl.textContent = self._count + ' Militaer';
})
.catch(function() { if (statusEl) statusEl.textContent = 'Fehler'; })
.finally(function() { setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
},
_render() {
if (!this._points) return;
this._points.removeAll();
this._labels.removeAll();
var red = Cesium.Color.fromCssColorString('#ff2222');
for (var i = 0; i < this._data.length; i++) {
var a = this._data[i];
var altM = (a.alt_baro || 10000) * 0.3048;
this._points.add({ position: Cesium.Cartesian3.fromDegrees(a.lon, a.lat, altM), pixelSize: 4, color: red });
var cs = a.flight || a.reg || '';
if (cs) {
this._labels.add({
position: Cesium.Cartesian3.fromDegrees(a.lon, a.lat, altM),
text: cs, font: '9px monospace',
fillColor: red.withAlpha(0.8), outlineColor: Cesium.Color.BLACK, outlineWidth: 2,
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
pixelOffset: new Cesium.Cartesian2(6, -3), scale: 0.7,
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 1500000),
});
}
}
},
};