cesium官网下载:https://cesium.com/downloads/
1.安装cesium
选择下载到本地使用,或者通过npm下载到项目中
2.代码书写
(1)创建容器
<div id="cesiumContainer" style="width: 100%; height: 100%"></div>
(2)引入cesium
import * as Cesium from 'cesium'
(3)设置静态资源路径
静态资源是指在cesium中内置的一些可以使用的资源,静态资源路径可能会根据cesium的版本不同而有区别,查看静态资源路径
// 静态资源路径
;(window as any).CESIUM_BASE_URL = 'node_modules/cesium/Build/CesiumUnminified/'
也可以将该处的静态资源文件放到项目的根目录静态资源文件夹下,例如public文件夹下,这时静态资源路径就为“/”
3.使用Viewer容器渲染
onMounted(async () => {
const viewer = new Cesium.Viewer('cesiumContainer', {
})
})
4.申请token,以便调用cesium的api
登录cesium,获取Access Token,将其复制到项目中