God's Eye View教程：浏览器里的实时3D地球空间智能可视化

📅 2026-08-30 · 🏷️ 空间智能 · 数据可视化 · 开源项目

God's Eye View是什么？

一个运行在浏览器里的"实时间谍卫星模拟器"——只不过数据都是真的。它把航班应答机、船舶信标、卫星轨道根数、地震台网、公共摄像头等公开信号，全部呈现在一张照片级真实的 3D 地球上，实时滚动。开源情报（OSINT）不再是一堆浏览器标签页，而是一个可以"看"的空间。

项目用 Vanilla JavaScript + CesiumJS + Vite 构建，底层是 Google Photorealistic 3D Tiles，AI 语音用 OpenAI Realtime API。每一行代码都可检查，数据源和新鲜度状态全程可见（部分/延迟/模拟/不可用都会标注）。

环境要求

• Node.js 24.14.x 或 26.x（package.json 强制）
• Google Maps API Key（3D 瓦片，用量计量，前 1000 次/月免费）
• 可选：OpenAI / AISStream / OpenSky / TomTom / FIRMS Key（增强体验）

安装与运行

git clone https://github.com/bilawalsidhu/gods-eye-view
cd gods-eye-view
cp .env.example .env     # 填入 GOOGLE_MAPS_API_KEY
npm install
npm run dev -- --host localhost --port 4173

浏览器打开 http://localhost:4173，冷启动在近期笔记本上中位数 1.86 秒。首次运行会提供"预置任务"（Live Contacts / Space Missions / Environmental），也可以手动自由探索。

API Key 怎么配

Key	是否必填	用途
Google Maps	🔴 计量（前1000次/月免费）	3D 地球瓦片
OpenAI	🟡 可选（语音计量）	AI 场景语音讲解
OpenSky / AISStream / TomTom / FIRMS	🟡 免费注册	航班/船舶/地图瓦片/火点数据

# 直接以环境变量传入
OPENAI_API_KEY="..." AISSTREAM_API_KEY="..." npm run dev -- --host localhost --port 4173

默认绑定 localhost，外部无法访问你的 Key。要共享到局域网才需要 --host 0.0.0.0（但那样会向能连到的任何人暴露你配置的 API Key，务必先设好供应商侧预算上限）。

几个好玩的玩法

• 问地球："为什么这些军用直升机在绕圈？"——点选军用航迹，自动回填约 24 小时真实轨迹，叠成 3D 盘旋环
• 进驾驶舱：追踪一架对正跑道的客机，切进驾驶舱视角看它降落
• 夜视巡查：飞到自家城市，切换 NVG 夜视，让检测网格和 HUD 读场景
• 港口呼叫：看长滩港的船舶，点油轮的战术卡和尾迹，再切到公共摄像头看同一片水域

成本大概多少

整个"够味"的体验，单人日常用基本都在免费额度内：Google 3D 瓦片前 1000 次/月免费，之后约 $6/千次（一次能买约 3 小时无限渲染）；OpenAI 语音有应用内 $2 预警和 $5 会话上限。不用销售团队，就能真实尝到 GEOINT/OSINT 的味道。

这种"公开数据可视化"的思路与空间/多模态可视化工具互补。想了解更多开源可视化方向，可看MultiVis多模态可视化教程；端侧设备上的空间应用可参考AI Edge Gallery端侧模型部署教程。