vue3.0+vite+Cesium使用记录

项目使用,本项目使用vite与vue

vue3.0项目
Vite + JS
Cesium
初学,做记录

序言

Cesium传送门
本文使用vue3搭建项目模板地址,提供vite参考
vue3.0+element-plus+js+tailwind传送门

安装Cesium

CesiumAPI传送门

安装cesium
vite还需要安装vite-plugin-cesium
并在vite.comfig.js中进行注册
import cesium from 'vite-plugin-cesium';
defineConfig({ plugins: [ cesium() ] })

初始化Cesium

<div id="container" class="full-size"></div>

 const viewer = new Cesium.Viewer('container');

样式自行调整
class禁止使用container命名,与tailwind中一个类冲突

在Cesium初始化时需要在vue中的onMounted调用
Cesium中ViewerAPI的传送门
此间详细记录处理初始化界面上内容

去除时间轴上方Cesium的logo

viewer.cesiumWidget.creditContainer.style.display = 'none';