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';