Cesium快速入门

Appearance

简介 ​

  • Cesium 学习笔记，代码基于 Vue3 + Vite
  • 项目案例参考Cesium-Examples，在该基础上进行了一些修改和补充。
  • 经常一个很简单的问题，会自己陷入死循环，欢迎共同探讨交流。
  • 持续更新中（目前每周会更新 2-4 个案例）...

技术栈 ​

  • Vue 3.5.13
  • Vite 6.3.5
  • Cesium 1.129.0 （后续 Cesium 更新我会同步到更新日志中）

版本差异 ​

API 上存在一些差异，一些教学视频讨论比较多的报错，常见如：

  • token问题:新版 Cesium 默认有一个 token，在学习过程中可以无需再创建 token,如想使用自己的 token，可使用Cesium.Ion.defaultAccessToken='token',注册地址
  • 更换底图:当前版本可参考更换底图，以下方案已失效：
    js
      // 这种方式加载出来，地球为蓝色，该API已失效
  viewer({
      imageryProvider: new Cesium.UrlTemplateImageryProvider({
          xxx:xxx
          ...
      })
  })
  • 添加地形:由cesiumTerrainProvider改为createWorldTerrainAsync，具体可参考添加地形
  • 笛卡尔坐标转屏幕坐标:由wgs84ToWindowCoordinates改为worldToWindowCoordinates
  • 地形夸张:Globe.terrainExaggeration 和 Globe.terrainExaggerationRelativeHeight 在 CesiumJS 1.113 中已被弃用。它们将在 1.116 中被移除。请使用 Scene.verticalExaggeration 和 Scene.verticalExaggerationRelativeHeight 取代

杂谈 ​

  • 该文档主要帮助一些基础弱的人快速入门，系统的教程能够建立起学习的兴趣。