如何在自己的项目中集成widget
1、可以参考mars3d官方文档地址
2、集成过程中可能遇到的问题
(1)样式不生效
排查思路:是否安装了依赖
{
"mars3d": "~3.4.0",
"mars3d-cesium": "~1.95.0",
"@turf/turf": "^6.5.0",
"kml-geojson": "^1.2.0",
"vue": "^3.2.37",
"vuex": "^4.0.2",
"vue-color-kit": "^1.0.5",
"axios": "^0.23.0",
"core-js": "^3.6.5",
"ant-design-vue": "^3.2.5",
"@icon-park/vue-next": "^1.3.5",
"nprogress": "^0.2.0",
"echarts": "^5.2.2",
"localforage": "^1.10.0"
}
(2)因为是直接复制margis文件夹的所以需要给路径加别名,不然会导致路径错误
alias: {
{
find: /@mars\//,
replacement: pathResolve('src/marsgis') + '/',
}
}
(3) vite中还需要以下配置
optimizeDeps: {
specified explicitly
include: [
'@vue/runtime-core',
'@vue/shared',
'@iconify/iconify',
'ant-design-vue/es/locale/zh_CN',
'ant-design-vue/es/locale/en_US',
'@mars/common/store/widget',
],
},
(4)marsgis 文件夹下的 install文件夹下的index.ts的使用
需要在项目的main.js中引入
import mars3d from '/@/marsgis/install/index';
app.use(mars3d);
基本上集成过程中的问题都集中在这几个地方