第一步:搭建vue3项目
1、npm在相应文件夹下创建
npm create vite@latest
2、选择项目名称
3、选择vue
4、选择是否使用typescript 或者JavaScript
5、记得在终端npm install一下就可以启动项目了
第二步:引入cesiumJS
1、npm引入
npm i cesium vite-plugin-cesium vite -D
2、到官网去下载 https://www.cesium.com/ => Platform => CesiumJS;
点击 下载,下载完成后 解压,拷贝 Build 目录下的 Cesium 下的所有内容到项目的 public 目录下即可
以上两种方式任选一种安装即可
第三步:在vite.config.js里进行配置
第四步:在App.vue里面进行全局导入 (注:需要id为cesiumContainer的div挂载后再执行Cesium的代码)
第五步:npm run dev 运行可看到页面所示
转载:https://blog.csdn.net/weixin_46156770/article/details/128790282
查看评论