Hoe je een browser omtovert tot een intelligentie-commandocentrum met open data

Spionagefilms tonen vaak enorme schermen met een 3D-globe, waar een operator vliegtuigen in realtime volgt, overschakelt naar straatbeveiligingscamera's en satellieten aanwijst. Het ziet er meestal uit als dure Hollywood-graphics. Maar in werkelijkheid zijn bijna al deze signalen open en worden ze op dit moment onversleuteld verzonden.

Het God's Eye View-project, gemaakt door ontwikkelaar Bilawal Sidhu, combineert verschillende open databronnen in één browservenster op basis van een fotorealistische 3D-globe. De auteur runde een populaire YouTube-videoserie, verzamelde miljoenen views, en releasede alle broncode onder de MIT-licentie.

Wat het project kan doen

Meestal moet je, om ruimtelijke informatie te verzamelen (OSINT/GEOINT), tientallen tabbladen openen: Flightradar24 voor vliegtuigen, MarineTraffic voor schepen, CelesTrak-satellietcatalogi en wegcamera-sites. Hier worden al deze lagen op één plek samengevoegd.

Hier zijn enkele interessante dingen die je live kunt verkennen:

• Cockpitview. Selecteer een willekeurig echt vliegtuig in de lucht, druk op een knop, en vlieg mee. De camera houdt het terrein eronder in beeld, terwijl een weersamenvatting en nabije contacten ernaast worden opgehaald.

• Wegcameraprojectie direct in de 3D-scène. Ongeveer 800 openbare camera's in Austin, Londen en Californië worden niet alleen in een aparte speler geopend, maar geprojecteerd op kruispuntgeometrie met zichtconussen.

• Satellietbanen en ruimtemissies. De globe berekent de posities van honderden satellieten, inclusief het International Space Station, tekent banen, en speelt recente raketlanceringen opnieuw af.

• Sensor shader-filters. Met sneltoetsen kan het beeld worden omgeschakeld naar nachtzicht (NVG), thermische beeldvorming (FLIR), of CRT-monitorstand.

• Spraakbesturing via neuraal netwerk. Als je een OpenAI-sleutel verbindt, kan de applicatie met stem worden bediend. De agent begrijpt coördinaten, het huidige cameraperspectief, kan afstanden tussen objecten meten, en districtengrenzen direct op de kaart tekenen.

Onder de motorkap

Er zijn geen zware frontend-frameworks zoals React of Vue. De stack is verrassend eenvoudig: vanilla JavaScript, het Vite-bouwhulpmiddel, en de CesiumJS-geo-engine. De 3D-planeet zelf wordt gerenderd met Google Photorealistic 3D Tiles.

De architectuur is interessant in hoe de auteur typische problemen bij raw geodata-visualisatie oploste:

1. Soepelheid met infrequent updates. De meeste gratis API's leveren vliegtuigposities elke 15–30 seconden. De client rendert beweging met opzet met één pollinginterval vertraging en interpoleert punten, waarbij gaten worden opgevuld met dead reckoning.
2. Hoogteverankering. Objecten zweven niet in de lucht of zakken niet in de grond. Transponderhoogtes worden herberekend relatief ten opzichte van de geoïde en gematcht tegen het huidige polygonale terreinmesh.
3. Baanberekening. Satellietcoördinaten worden lokaal berekend met het SGP4-algoritme met Greenwich-siderische tijdsynchronisatie, zodat baanringen niet schudden bij het veranderen van perspectief.
4. Beveiliging en rate limits. Alle verzoeken aan betaalde API's (OpenAI, AISStream, TomTom) worden geproxied via de backend, waar caching en strikte rate limits op verbruik zijn geconfigureerd.

src/
├── main.js                 # Инициализация CesiumJS и слоев
├── ui.js                   # Панели управления, HUD, стили
├── hud.js                  # Интерфейс телеметрии
├── mapStackController.js   # Переключение подложек (Google 3D / Bing / OSM)
├── iconOrientation.js      # Проекция курсовых углов техники на экран
├── voice/                  # Интеграция с OpenAI Realtime API
└── data/                   # Модули загрузки данных по каждому слою

Databronnen en startkosten

De meeste lagen werken zonder registratie en sleutels: luchtvaart via OpenSky en adsb.lol, aardbevingen via USGS, satellieten via CelesTrak, radiostations via Radio Browser, datacenters en onderzeeërkabeldatabases.

Om de 3D-terrein zelf te draaien, heb je een Google Maps API-sleutel nodig met Map Tiles API ingeschakeld. Google biedt 1000 gratis sessies per maand. Elke sessie duurt tot drie uur actief kijken, wat meer dan genoeg is voor persoonlijke experimenten. Een werkende OpenAI-token is nodig voor de spraakassistent.

Snelle start

Node.js versie 24 of 26 is vereist.

Kloon de repository en configureer omgevingsvariabelen:

git clone https://github.com/bilawalsidhu/gods-eye-view.git
cd gods-eye-view
cp .env.example .env

Open het bestand .env, voeg GOOGLE_MAPS_API_KEY in, en draai het project:

npm install
npm run dev -- --host localhost --port 4173

Daarna is de interface beschikbaar op http://localhost:4173. Standaard luistert de server alleen op het lokale adres van de machine, dus je API-sleutels lekken niet naar het lokale netwerk.

Wie heeft hier baat bij

Allereerst is dit een uitstekende tutorial voor webontwikkelaars die WebGL, 3D tiles, de CesiumJS-bibliotheek en geo-streamverwerking willen begrijpen. De code is geschreven zonder onnodige abstracties, de logica van elke laag is geïsoleerd in de src/data/-map, en de spraakagent-implementatie demonstreert duidelijk hoe je multimodale LLM's met een 3D-scène verbindt.

Als je je eigen monitorsysteem, een drone-dashboard bouwt, of geïnteresseerd bent in open source intelligence-analyse, zal het project dienen als een solide framework voor je eigen lagen en visualisaties.