【已解决】微信小程序腾讯地图的map清除markers,setData将marker置空后,安卓和ios还会显示上次的内容的问题所在以及解决办法

问题描述

1.我首先点击了这个marker

在这里插入图片描述

2.这里可以看到根据id获取到了他的信息

在这里插入图片描述

3.当我滑动了地图,这时候重新加载了markers,我再次点击这个marker

在这里插入图片描述

4.会发现获取不到数据了

在这里插入图片描述

问题原因

个人猜测引起这个问题的原因是id重叠了,导致获取不到数据,但是marker还是在的,下面是我没修改之前的代码截图,我是搜索医院位置信息的数据来渲染到map上,每次滑动map都进入一次这个方法,这里使用的id是请求返回的id。

在这里插入图片描述

解决办法

我们只需要给他生成随机id即可,在赋值的时候我们把item.id修改成随机id,这样就可以避免重叠的可能,每个marker都有唯一的id。注意:id必须是Number类型,如果是字符串类型点击marker的时候会找不到这个id!

const timestamp = new Date().getTime();
const randomNum = Math.floor(Math.random() * 1000); // 生成一个 0 到 999 之间的随机数
const randomId = Number(timestamp + randomNum);

在这里插入图片描述

这个时候你再去用真机测试你会神奇的发现竟然解决了…o.0

猜你喜欢

转载自blog.csdn.net/weixin_44912902/article/details/134580274