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);

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值