Как превратить браузер в командный пункт разведки с помощью открытых данных

28 авг 2026
7,735
1,772
213
1 неделя

В фильмах про спецагентов часто показывают огромные экраны с трехмерным глобусом, где оператор в реальном времени следит за самолетами, переключается на камеры уличного наблюдения и наводит спутники. Обычно это выглядит как дорогая голливудская графика. Но в реальности почти все эти сигналы открыты и передаются прямо сейчас в незашифрованном виде.

Демонстрация интерфейса проекта

Проект God's Eye View, созданный разработчиком Bilawal Sidhu, объединяет разрозненные открытые источники данных в одном окне браузера на базе фотореалистичного 3D-глобуса. Автор вел популярную серию роликов на YouTube, собрал миллионы просмотров и выложил весь исходный код в открытый доступ под лицензией MIT.

Что умеет проект

Обычно для сбора пространственной информации (OSINT/GEOINT) приходится открывать десятки вкладок: Flightradar24 для самолетов, MarineTraffic для кораблей, каталоги спутников CelesTrak и сайты дорожных камер. Здесь все эти слои сведены воедино.

Переключение режимов сенсоров

Реклама

Вот несколько любопытных вещей, которые можно пощупать вживую:

  • Вид из кабины самолета. Выбираете любой реальный борт в воздухе, нажимаете кнопку и летите вместе с ним. Камера удерживает рельеф внизу, а рядом подтягивается сводка погоды и близлежащие контакты.

Вид из кабины самолета

  • Проекция дорожных камер прямо в 3D-сцену. Около 800 публичных камер в Остине, Лондоне и Калифорнии не просто открываются в отдельном плеере, а проецируются на геометрию перекрестков с конусами видимости.

Проекция камеры в 3D город

  • Спутниковые орбиты и космические миссии. Глобус рассчитывает положение сотен спутников, включая Международную космическую станцию, рисует траектории и воспроизводит недавние запуски ракет.

Отслеживание МКС

  • Шейдерные фильтры сенсоров. Горячими клавишами можно переключить картинку в режим прибора ночного видения (NVG), тепловизора (FLIR) или ЭЛТ-монитора.

  • Голосовое управление через нейросеть. Если подключить ключ OpenAI, приложением можно управлять голосом. Агент понимает координаты, текущий ракурс камеры, умеет измерять расстояния между объектами и рисовать границы районов прямо поверх карты.

Рисование маршрутов и зон голосом

Что под капотом

Здесь нет тяжелых фронтенд-фреймворков вроде React или Vue. Стек удивительно прямолинейный: чистый JavaScript, сборщик Vite и геопространственный движок CesiumJS. Сама трехмерная планета рендерится через тайлы Google Photorealistic 3D Tiles.

Архитектура интересна тем, как автор решил типичные проблемы визуализации сырых геоданных:

  1. Плавность при редких обновлениях. Большинство бесплатных API отдают координаты бортов раз в 15–30 секунд. Клиент намеренно рендерит движение с задержкой в один интервал опроса и интерполирует точки, заполняя провалы счислением пути (dead reckoning).
  2. Привязка к высоте. Объекты не висят в воздухе и не проваливаются под землю. Высота транспондеров пересчитывается относительно геоида и сопоставляется с текущей полигональной сеткой рельефа.
  3. Расчет орбит. Координаты спутников рассчитываются локально по алгоритму SGP4 с синхронизацией по гринвичскому звездному времени, поэтому кольца орбит не дергаются при смене ракурса.
  4. Безопасность ключей и лимиты. Все запросы к платным API (OpenAI, AISStream, TomTom) проксируются через серверную часть, где настроено кэширование и жесткие лимиты на расход запросов.
src/
├── main.js                 # Инициализация CesiumJS и слоев
├── ui.js                   # Панели управления, HUD, стили
├── hud.js                  # Интерфейс телеметрии
├── mapStackController.js   # Переключение подложек (Google 3D / Bing / OSM)
├── iconOrientation.js      # Проекция курсовых углов техники на экран
├── voice/                  # Интеграция с OpenAI Realtime API
└── data/                   # Модули загрузки данных по каждому слою

Источники данных и стоимость запуска

Большая часть слоев работает без регистраций и ключей: авиация через OpenSky и adsb.lol, землетрясения через USGS, спутники через CelesTrak, радиостанции через Radio Browser, базы данных дата-центров и подводных кабелей.

Для запуска самого 3D-рельефа потребуется API-ключ Google Maps с включенным Map Tiles API. Google дает 1000 бесплатных сессий в месяц. Каждая сессия длится до трех часов активного просмотра, чего для личных экспериментов хватает с головой. Для голосового ассистента нужен рабочий токен OpenAI.

Реконструкция траекторий вертолетов

Быстрый запуск

Для работы понадобится Node.js версии 24 или 26.

Клонируем репозиторий и настраиваем переменные окружения:

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

Открываем файл .env, вставляем GOOGLE_MAPS_API_KEY и запускаем проект:

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

После этого интерфейс доступен по адресу http://localhost:4173. Сервер по умолчанию слушает только локальный адрес машины, чтобы ваши API-ключи не утекли в локальную сеть.

Кому пригодится проект

В первую очередь это отличный учебник для веб-разработчиков, которые хотят разобраться с WebGL, 3D-тайлами, библиотекой CesiumJS и обработкой геопространственных потоков. Код написан без лишних абстракций, логика каждого слоя изолирована в папке src/data/, а реализация голосового агента наглядно показывает, как связывать мультимодальные LLM с трехмерной сценой.

Если вы делаете свою систему мониторинга, дашборд для дронов или интересуетесь темой анализа открытых источников, проект послужит хорошим каркасом для собственных слоев и визуализаций.

🍪 Мы используем файлы cookie и сервис аналитики Яндекс.Метрика, чтобы сайт работал лучше. Продолжая пользоваться devtrends.ru, вы соглашаетесь с обработкой данных согласно Политике конфиденциальности.