支付宝小程序之坑 -- 弹窗中map组件的marker不显示

项目:taro3 +vue3
场景:点击列表,显示弹窗,弹窗中有一个map, map得中心位置显示列表的经纬度marker
bug:在切换列表的时候,maker不会改变

map组件
<map
  :id="mapId"
  style="width: 100%; height: 100%;"
  :latitude="centerLat"
  :longitude="centerLong"
  :markers="maskerList"
  :include-points="maskerList"
  :show-location="true"
  :scale="14"
/>
弹窗引入
<base-map
  :map-id="`parking-detail-map"
  :latitude="xxx"
  :longitude="xxx"
  :markers="[{xxxx}]"
/>

排除掉各种情况后,发现是mapid的原因,mapid不能一样…泪崩

注意

include-points是数组,不是布尔,不小心写成了true, 微信开发工具和真机及支付宝开发工具都能显示出来,支付宝真机不显示

--------------------------------------------------------------------分割线---------------------------------------------------------------------------------------------

bug2: 偶现有得列表弹窗中得marker会一闪而过,然后中心点定在一个莫名其妙得地方
**分析:**缩小地图,发现marker是有得,那就是中心点没有和marker一致,而组件参数latitude和longitude默认值为0,在获取到正确值之前,会出现0得情况,获取到值后又没有再次渲染
解决方法:
map上加上 v-if=“latitude”

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Misha韩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值