Cesium开发-vue3(vue-cli)

cesium 获取 TOKEN

使用cesium需要申请一个token值，

cesium申请token请

点击这里

注册cesium

创建Token

获取Token

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

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

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

通过脚手架3安装 cesium。

npm install cesium –save

等待安装完成…

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

依赖里的Cesium

然后我们把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')

这样，地图就出来了。
cesium