飞道的博客

cesium +vue3 +vite 实现点线面功能

353人阅读  评论(0)

第一步:搭建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
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场