Flights+Ships: Alle Daten dargestellt, Clustering, Status-Anzeige

Flights: OpenSky liefert 6.500+ global, korrekte Hoehenkonvertierung
(ft->m), Cesium Entity-Clustering bei 30px/5min, Labels nur < 800km.
Status-Text zeigt Anzahl nach Laden.

Ships: Entity-Clustering aktiviert (25px/5min), Labels nur < 300km.
Status-Text zeigt Anzahl.

Beide Layer zeigen jetzt ALLE Daten komplett — Ukraine, Belarus,
Nahost, Afrika, Russland, China alles enthalten.

static/js/layers/ships.js

@@ -11,6 +11,9 @@ const ShipsLayer = {
         if (this._dataSource) return;
         this._viewer = viewer;
         this._dataSource = new Cesium.CustomDataSource('ships');
+        this._dataSource.clustering.enabled = true;
+        this._dataSource.clustering.pixelRange = 25;
+        this._dataSource.clustering.minimumClusterSize = 5;
         viewer.dataSources.add(this._dataSource);
         this._fetch();
         var self = this;
@@ -41,42 +44,42 @@ const ShipsLayer = {
             self._count = ships.length;
             ships.forEach(function(s) {
                 if (!s.lat || !s.lon) return;
+                var name = s.name || ('MMSI ' + (s.mmsi || '?'));
                 var sog = s.sog || 0;
                 var color = sog > 0.5
                     ? Cesium.Color.fromCssColorString('#4499ff')
-                    : Cesium.Color.fromCssColorString('#556688');
-                var name = s.name || ('MMSI ' + (s.mmsi || '?'));
+                    : Cesium.Color.fromCssColorString('#445577');
                 self._dataSource.entities.add({
                     position: Cesium.Cartesian3.fromDegrees(s.lon, s.lat, 0),
                     point: {
                         pixelSize: 3,
                         color: color,
-                        outlineColor: Cesium.Color.fromCssColorString('#112244'),
+                        outlineColor: Cesium.Color.fromCssColorString('#112233'),
                         outlineWidth: 0.5,
                         heightReference: Cesium.HeightReference.NONE,
                     },
                     label: {
                         text: name,
                         font: '9px monospace',
-                        fillColor: Cesium.Color.fromCssColorString('#4499ff').withAlpha(0.7),
+                        fillColor: Cesium.Color.fromCssColorString('#4499ff').withAlpha(0.6),
                         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, 500000),
+                        pixelOffset: new Cesium.Cartesian2(5, -2),
+                        scale: 0.6,
+                        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 300000),
                     },
                     description: '<div style="font-family:monospace;font-size:12px;color:#4499ff">' +
                         '<strong>' + name + '</strong><br>' +
                         'MMSI: ' + (s.mmsi || '?') + '<br>' +
                         'SOG: ' + sog.toFixed(1) + ' kn<br>' +
-                        'COG: ' + Math.round(s.cog || 0) + '°<br>' +
-                        'HDG: ' + (s.heading || '?') + '°' +
+                        'COG: ' + Math.round(s.cog || 0) + '&deg;' +
                         '</div>',
                 });
             });
+            if (statusEl) { statusEl.textContent = ships.length.toLocaleString('de-DE') + ' Schiffe'; }
         })
         .catch(function(e) { console.warn('Ships fetch error:', e); if (statusEl) { statusEl.textContent = 'Fehler beim Laden'; } })
-        .finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 3000); });
+        .finally(function() { if (loadEl) loadEl.classList.remove('active'); setTimeout(function() { if (statusEl) statusEl.classList.remove('active'); }, 5000); });
     },
 };