Cesium开发-vue3(vue-cli)

cesium 获取 TOKEN

使用cesium需要申请一个token值，
cesium申请token请点击这里

创建Token

然后就成功的获取到了一个 cesium 的秘钥

然后我们通过下面这句话就可以在项目里面添加一下秘钥，当然这都是后话了。

Cesium.Ion.defaultAccessToken = ‘你申请的秘钥’

vue cli3 脚手架安装 cesium

通过脚手架3安装 cesium。

npm install cesium --save

等待安装完成…
安装完成后在依赖里面可以看见

然后我们把Cesium整个文件夹，复制到public下面

复制进来，我们需要在 index.html 文件中引入他们的相应文件。

<script type="text/javascript" src="<%= BASE_URL %>./Cesium/Cesium.js"></script> 

然后引入样式。

<link rel="stylesheet" href="<%= BASE_URL %>./Cesium/Widgets/widgets.css">

cesium-navigation是一个cesium的插件，提供指南针、导航仪和距离刻度用户图形界面。

<script type="text/javascript" src="<%= BASE_URL %>./Cesium/viewerCesiumNavigationMixin.min.js"></script> 

然后在需要使用 cesium 的页面使用就可以了。

Cesium.Ion.defaultAccessToken = '你申请的token'
viewer = new Cesium.Viewer('cesium-map')

这样，地图就出来了。

感谢 https://www.cnblogs.com/wjw1014/p/16081956.html