vue3搭建cesium开发环境

如果还不会搭建vue3的开发环境可以参考我的上篇文章vue3 + vite + ts + router + pinia 环境配置_蜡笔小先的博客-CSDN博客

安装cesium

pnpm i cesium

在node_modules/cesium下面复制Widgets文件夹在src下面

在main.ts 文件中引入

import './assets/Widgets/widgets.css';

在node_modules/cesium下面复制Assets、ThirdParty、Widgets、Workers文件夹到public文件夹下面

初始化cesium

<div id="cesium"></div>

const el = document.querySelector('#cesium');
Cesium.Ion.defaultAccessToken = token;
window['CESIUM_BASE_URL'] = '/';
const viewer = new Cesium.Viewer(el);