Comment transformer un navigateur en centre de commandement intelligence avec des données ouvertes

Les films d'espionnage montrent souvent des écrans massifs avec un globe 3D, où un opérateur suit les avions en temps réel, bascule vers les caméras de surveillance urbaine et pointe des satellites. Cela ressemble généralement à des effets spéciaux Hollywoodiens coûteux. Mais en réalité, presque tous ces signaux sont ouverts et sont transmis en ce moment même sous forme non chiffrée.

Le projet God's Eye View, créé par le développeur Bilawal Sidhu, combine des sources de données ouvertes disparates dans une seule fenêtre de navigateur basée sur un globe 3D photoréaliste. L'auteur a animé une série populaire de vidéos YouTube, recueilli des millions de vues, et publié tout le code source sous licence MIT.

Ce que le projet peut faire

D'habitude, pour rassembler des informations spatiales (OSINT/GEOINT), vous devez ouvrir des dizaines d'onglets : Flightradar24 pour les avions, MarineTraffic pour les navires, les catalogues de satellites CelesTrak, et les sites de caméras routières. Ici, toutes ces couches sont consolidées en un seul endroit.

Voici quelques choses intéressantes que vous pouvez explorer en direct :

• Vue cockpit. Sélectionnez n'importe quel avion réel en vol, appuyez sur un bouton, et volez avec lui. La caméra garde le terrain en dessous cadré, tandis qu'un résumé météo et les contacts à proximité sont affichés.

• Projection de caméra routière directement dans la scène 3D. Environ 800 caméras publiques à Austin, Londres et en Californie ne sont pas simplement ouvertes dans un lecteur séparé, mais projetées sur la géométrie des intersections avec des cônes de visibilité.

• Orbites de satellites et missions spatiales. Le globe calcule les positions de centaines de satellites, y compris la Station Spatiale Internationale, dessine les trajectoires, et rejoue les lancements de fusées récents.

• Filtres de shader de capteurs. Des raccourcis clavier peuvent basculer l'image en vision nocturne (NVG), imagerie thermique (FLIR), ou mode moniteur CRT.

• Contrôle vocal via réseau neuronal. Si vous connectez une clé OpenAI, l'application peut être contrôlée par la voix. L'agent comprend les coordonnées, la perspective de caméra actuelle, peut mesurer les distances entre objets, et dessiner des limites de districts directement sur la carte.

Sous le capot

Il n'y a pas de frameworks frontend lourds comme React ou Vue ici. La pile est surprenamment simple : JavaScript vanilla, l'outil de build Vite, et le moteur géospatial CesiumJS. La planète 3D elle-même est rendue en utilisant Google Photorealistic 3D Tiles.

L'architecture est intéressante dans la façon dont l'auteur a résolu les problèmes typiques de visualisation de géodonnées brutes :

1. Fluidité avec des mises à jour peu fréquentes. La plupart des API gratuites livrent les positions des avions toutes les 15-30 secondes. Le client渲染 délibérément le mouvement avec un délai d'un intervalle de polling et interpole les points, comblant les lacunes avec l'estimation de position.
2. Ancrage en hauteur. Les objets ne flottent pas dans l'air ni ne s'enfoncent sous terre. Les hauteurs des transpondeurs sont recalculées par rapport au géoïde et comparées au maillage polygonal du terrain actuel.
3. Calcul d'orbite. Les coordonnées des satellites sont calculées localement en utilisant l'algorithme SGP4 avec synchronisation du temps sidéral de Greenwich, donc les anneaux d'orbite ne tremblent pas lors du changement de perspective.
4. Sécurité des clés et limites de débit. Toutes les requêtes vers les API payantes (OpenAI, AISStream, TomTom) sont transmises par proxy via le backend, où la mise en cache et des limites de débit strictes sur la consommation des requêtes sont configurées.

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

Sources de données et coût de lancement

La plupart des couches fonctionnent sans inscription ni clés : aviation via OpenSky et adsb.lol, tremblements de terre via USGS, satellites via CelesTrak, stations radio via Radio Browser, bases de données de centres de données et de câbles sous-marins.

Pour exécuter le terrain 3D lui-même, vous aurez besoin d'une clé API Google Maps avec l'API Map Tiles activée. Google fournit 1000 sessions gratuites par mois. Chaque session dure jusqu'à trois heures de visualisation active, ce qui est plus que suffisant pour des expériences personnelles. Un token OpenAI fonctionnel est nécessaire pour l'assistant vocal.

Démarrage rapide

Node.js version 24 ou 26 est requis.

Clonez le dépôt et configurez les variables d'environnement :

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

Ouvrez le fichier .env, insérez GOOGLE_MAPS_API_KEY, et lancez le projet :

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

Après cela, l'interface est disponible à http://localhost:4173. Par défaut, le serveur n'écoute que sur l'adresse locale de la machine, donc vos clés API ne fuiront pas vers le réseau local.

À qui ce projet sera utile

Avant tout, c'est un excellent tutoriel pour les développeurs web qui veulent comprendre WebGL, les tuiles 3D, la bibliothèque CesiumJS, et le traitement de flux géospatiaux. Le code est écrit sans abstractions inutiles, la logique de chaque couche est isolée dans le dossier src/data/, et l'implémentation de l'agent vocal démontre clairement comment connecter des LLMs multimodaux avec une scène 3D.

Si vous construisez votre propre système de surveillance, un tableau de bord pour drone, ou êtes intéressé par l'analyse de renseignements en sources ouvertes, le projet servira de cadre solide pour vos propres couches et visualisations.