mars3d开发-如何在自己的项目中集成widget

如何在自己的项目中集成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);

基本上集成过程中的问题都集中在这几个地方