高德地图API-vue2/3,问题:Invalid Object: Pixel(NaN, NaN)

简介:

@vuemap/vue-amap是基于高德JSAPI2.0、Loca2.0封装的vue组件库,支持vue2、vue3版本。

问题描述:

在使用<el-amap />组件式开发中,当我们使用涉及到点位的position点位(动态绑定)的时候,当我们初始赋值为空数组的时候,应该会报这个错。

解决方案:

由于该组件是封装的高德jsAPI,有些接受值的判断没那么全面,导致了这个报错。换句话说就是没判断到传空数组的情况,但是你要是传null,就会被触发一些内部的判断逻辑。

const points = reactive({
  // position:[]  这样是上诉报错的原因,改为null √
  position: null,
  label: {
    content: '',
    direction: 'center',
    offset: [0, 18],
  }
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值