2be1f6a37d
PANEL (links): - 240px breit (war 200px) - Checkboxen 16x16px (war 12x12) - Dots 10px (war 8px) - Layer-Namen 13px (war 11px) - Counts 12px (war 10px) - Mehr Padding pro Toggle-Zeile INFOBOX (bei Klick): - Links neben dem Panel platziert (254px vom Rand) - 420px breit, max 60vh hoch, scrollbar - Kollidiert nicht mit Panel oder Sidebar - Groesserer Titel (14px), mehr Padding PUNKTE AUF DEM GLOBUS: - Flugzeuge: 3/4/5px (war 2/2.5/3) - Schiffe: 3/4/5px (war 2/2.5/3) - Militaer: 6px (war 4) - Katastrophen: 10px (war 8) - Erdbeben: 6-15px (war 4-10) - GDELT: 7px (war 5) - ISS: 14px (war 10) - Cluster: +30% groesser HEADER + FOOTER: - Header 48px (war 44px) - Footer 32px (war 28px) - Titel 15px, Stats 12px - Lage-Select + Suche groesser
44 Zeilen
1.8 KiB
JavaScript
44 Zeilen
1.8 KiB
JavaScript
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: 14, 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() {});
|
|
},
|
|
};
|