项目使用,本项目使用vite与vue
vue3.0项目
Vite + JS
Cesium
初学,做记录
序言
Cesium传送门
本文使用vue3搭建项目模板地址,提供vite参考
vue3.0+element-plus+js+tailwind传送门
安装Cesium
安装
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';
网友评论