Como Transformar um Navegador em um Centro de Comando de Inteligência Usando Dados Abertos

Filmes de espionagem frequentemente mostram telas massivas com um globo 3D, onde um operador rastreia aeronaves em tempo real, alterna para câmeras de vigilância urbana e aponta satélites. Geralmente parece ser gráficos caros de Hollywood. Mas na realidade, quase todos esses sinais são abertos e estão sendo transmitidos agora de forma não criptografada.

O projeto God's Eye View, criado pelo desenvolvedor Bilawal Sidhu, combina fontes de dados abertas distintas em uma única janela do navegador baseada em um globo 3D fotorrealista. O autor manteve uma série popular de vídeos no YouTube, reuniu milhões de visualizações e lançou todo o código-fonte sob a licença MIT.

O que o projeto pode fazer

Normalmente, para coletar informações espaciais (OSINT/GEOINT), você precisa abrir dezenas de abas: Flightradar24 para aeronaves, MarineTraffic para navios, catálogos de satélites CelesTrak e sites de câmeras de trânsito. Aqui, todas essas camadas são consolidadas em um único lugar.

Aqui estão algumas coisas interessantes que você pode explorar ao vivo:

• Visão de cockpit. Selecione qualquer aeronave real no ar, pressione um botão e voe junto com ela. A câmera mantém o terreno abaixo em quadro, enquanto um resumo meteorológico e contatos próximos são exibidos ao lado.

• Projeção de câmeras de trânsito diretamente na cena 3D. Cerca de 800 câmeras públicas em Austin, Londres e Califórnia não são apenas abertas em um player separado, mas projetadas sobre a geometria de interseções com cones de visibilidade.

• Órbitas de satélites e missões espaciais. O globo calcula as posições de centenas de satélites, incluindo a Estação Espacial Internacional, desenha trajetórias e reproduz lançamentos de foguetes recentes.

• Filtros de shader de sensor. Teclas de atalho podem alternar a imagem para visão noturna (NVG), imagem térmica (FLIR) ou modo de monitor CRT.

• Controle por voz via rede neural. Se você conectar uma chave OpenAI, o aplicativo pode ser controlado por voz. O agente entende coordenadas, a perspectiva atual da câmera, pode medir distâncias entre objetos e desenhar limites de distritos diretamente sobre o mapa.

Por baixo do capô

Não há frameworks frontend pesados como React ou Vue aqui. A stack é surpreendentemente direta: JavaScript puro, a ferramenta de build Vite e o motor geoespacial CesiumJS. O próprio planeta 3D é renderizado usando Google Photorealistic 3D Tiles.

A arquitetura é interessante na forma como o autor resolveu problemas típicos de visualização de geodados brutos:

1. Suavidade com atualizações infrequent. A maioria das APIs gratuitas entrega posições de aeronaves a cada 15–30 segundos. O cliente intencionalmente renderiza o movimento com um atraso de um intervalo de polling e interpola pontos, preenchendo lacunas com dead reckoning.
2. Ancoragem de altura. Objetos não flutuam no ar nem afundam no subsolo. As alturas dos transponders são recalculadas em relação ao geoide e combinadas com a malha poligonal do terreno atual.
3. Cálculo de órbita. As coordenadas dos satélites são calculadas localmente usando o algoritmo SGP4 com sincronização de tempo sideral de Greenwich, então os anéis de órbita não tremem ao mudar de perspectiva.
4. Segurança de chaves e limites de taxa. Todas as requisições para APIs pagas (OpenAI, AISStream, TomTom) são proxyadas através do backend, onde caching e limites de taxa estritos no consumo de requisições são configurados.

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

Fontes de dados e custo de execução

A maioria das camadas funciona sem registro e chaves: aviação via OpenSky e adsb.lol, terremotos via USGS, satélites via CelesTrak, estações de rádio via Radio Browser, bancos de dados de data centers e cabos submarinos.

Para executar o terreno 3D em si, você precisará de uma chave de API do Google Maps com a API Map Tiles habilitada. O Google fornece 1000 sessões gratuitas por mês. Cada sessão dura até três horas de visualização ativa, o que é mais do que suficiente para experimentos pessoais. Um token OpenAI funcionando é necessário para o assistente de voz.

Início rápido

É necessária a versão 24 ou 26 do Node.js.

Clone o repositório e configure as variáveis de ambiente:

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

Abra o arquivo .env, insira GOOGLE_MAPS_API_KEY e execute o projeto:

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

Depois disso, a interface está disponível em http://localhost:4173. Por padrão, o servidor escuta apenas no endereço local da máquina, então suas chaves de API não vazarão para a rede local.

Para quem este projeto é útil

Antes de mais nada, este é um excelente tutorial para desenvolvedores web que querem entender WebGL, tiles 3D, a biblioteca CesiumJS e processamento de streams geoespaciais. O código é escrito sem abstrações desnecessárias, a lógica de cada camada está isolada na pasta src/data/, e a implementação do agente de voz demonstra claramente como conectar LLMs multimodais com uma cena 3D.

Se você está construindo seu próprio sistema de monitoramento, um dashboard para drones, ou está interessado em análise de inteligência de código aberto, o projeto servirá como uma estrutura sólida para suas próprias camadas e visualizações.