基于 React + Vite + Cesium 的园区数字孪生前端。
需 Node.js 18+。
npm install
npm run dev # 开发,默认 http://localhost:9020
npm run build # 生产构建(public/b3dm 不会打进 dist)
npm run preview # 预览构建产物
环境变量写在 .env / .env.production,常用项:
| 变量 | 说明 |
|---|---|
VITE_API_BASE_URL |
后端接口地址(开发时 /api 会代理到该地址) |
VITE_TIANDITU_TOKEN |
天地图 Key |
VITE_MAP_IMAGERY_SOURCE |
底图:tianditu 或 internal |
3D Tiles 放在 public/b3dm/(已 gitignore)。
.
├── public/ 静态资源(b3dm 瓦片、解码库、预览视频)
├── src/
│ ├── apis/ 业务接口
│ ├── assets/ 全局样式
│ ├── components/ UI 与 Cesium 图层组件
│ ├── context/ Cesium Viewer 上下文
│ ├── core/ 3D 场景容器
│ ├── hook/ 场景 / 状态 hooks
│ ├── loader/ 瓦片、视频投影加载
│ ├── sdk/ 视频投影、拾取 SDK
│ ├── shared/ 工具函数
│ ├── store/ Redux
│ ├── storeDB/ 数据请求层
│ ├── views/ 页面(首页、园区、企业、监控)
│ ├── App.tsx
│ ├── main.tsx
│ ├── configure.ts 请求拦截
│ └── constant.ts 常量与环境配置
├── index.html
├── vite.config.ts
└── package.json