Skip to content

cesium 系统学习项目。基于 Vite + vue3 + typescript 实现各种效果,功能全 hooks 化。

Notifications You must be signed in to change notification settings

rayadaschn/learning_cesium

Repository files navigation

Cesium Learning 记录

基于 Vue3 + TypeScript + Vite + Cesium 实现 Cesium 的各种效果,致力于封装各种场景 -- hooks 化,高效复用。

demoPage 中为学习的各个实例,快速复盘可以看笔者的《Cesium 快速入门》系列。

src/const/token.ts 中 需要个人前往天地图等专题注册个人 Token。

在 dev 分支中,笔者采用 Cesium 的 CDN 进行分包,打包构建速度较快,但是缺点在于,由于采用的是 / baseurl 导致无法自由的部署到服务器上,只能部署到根路径下,或额外采用 nginx 进行重载。因此,在本分支上,笔者采用 vite 的插件 vite-plugin-cesium 进行打包。当然在开发环境下,俩种并无区别。

github 部署的预览地址为 github,但需要注意的是,由于 github 的限制,未解决跨域问题,因此切换图层的效果会存在问题。

项目中使用到的数据源:

  1. 天地图
  2. mars3d

已完成效果

  • 视角切换
  • 天气效果: 雪天
  • 天气效果: 大雾
  • 天气效果: 雨天
  • 图层管理
  • 键盘按键控制
  • 道路闪烁
  • 距离测量
  • 面积测量

About

cesium 系统学习项目。基于 Vite + vue3 + typescript 实现各种效果,功能全 hooks 化。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published