vue3-cesium-start

一个基于Vue3的简易Cesium开发模板

效果

项目初始化

npm install

配置

注：以下配置非必须，根据实际情况选择。

补全src/common/js/config.js中的Token信息：

• CesiumIonDefaultAccessToken：前往 https://cesium.com/ 中注册账号，详细教程，并且创建Token；

注意事项

第一次npm run serve编译项目时会报错，错误信息如下：

报错原因为node_modules中的cesium库并没有导出widget.css文件，导致在引入widget.css时找不到该文件，究其原因为Cesium在模块化导出方面没有做的很完善，解决方法如下：

1. 在项目目录下的node_modules文件夹中找到cesium文件夹；
2. 在node_modules/cesium文件夹下找到package.json文件；
3. 在package.json文件中的"exports"字段下添加"./widgets.css": "./Source/Widgets/widgets.css"。

具体代码如下：

"exports": {
  "./package.json": "./package.json",
  ".": {
    "require": "./index.cjs",
    "import": "./Source/Cesium.js"
  },
+  "./widgets.css": "./Source/Widgets/widgets.css"
},

编译

npm run serve

打包

npm run build