1、vite+vue使用cesium下载方法
pnpm i vite-plugin-cesium cesium@1.99
注cesium需要指定版本,否则自动下载1.11
2、需要在官网申请token
官网地址Cesium: The Platform for 3D Geospatial
Cesium.Ion.defaultAccessToken=‘你的token’
3、初始化
<template>
<div>
<div id="cesiumContainer"></div>
</div>
</template>
<script setup>
import { onMounted } from 'vue'
import * as Cesium from 'cesium'
onMounted(() => {
Cesium.Ion.defaultAccessToken ='token'
//new 一个实例
let viewer = new Cesium.Viewer('cesiumContainer', {
})
})
</script>
<style scoped>
#cesiumContainer{
width: 100vw;
height: 100vh;
}</style>
4、网站会报VM239:1 Blocked script execution in 'about:blank' because the document's fra,禁止使用可以解决此问题
let viewer = new Cesium.Viewer('cesiumContainer', {
infoBox:false
})