当前位置: 首页 > news >正文

【已解决】微信小程序腾讯地图的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

http://www.lryc.cn/news/240387.html

相关文章:

  • 弄懂Rust编程中的Trait
  • 关于登山扣亚马逊\SHEIN出口合规标准ASTM F1774 指南解析
  • 浅析ChatGPT中涉及到的几种技术点
  • Web实战:基于Django与Bootstrap的在线计算器
  • 曲率半径的推导
  • 0时区格林威治时间转换手机当地时间-Android
  • git-3
  • 【python爬虫】scrapy在pycharm 调试
  • yoloV5模型中,x,s,n,m,l之间区别
  • RabbitMQ快速入门(简单收发消息)
  • java面试-zookeeper
  • VBA技术资料MF85:将工作簿批量另存为PDF文件
  • 大数据-计算框架选型与对比
  • 2023亚太杯数学建模C题思路 - 我国新能源电动汽车的发展趋势
  • 【02】ES6:let 和 const 命令
  • 230814期就业平均薪资:8146元——转行是男人最好的医美!~
  • shell脚本三
  • 地埋式积水监测仪厂家直销推荐,致力于积水监测
  • CentOS7安装部署Kafka with KRaft
  • Java,数据结构与集合源码,关于Map接口的实现类(HashMap、LinkedHashMap)
  • 【GUI】-- 13 贪吃蛇小游戏之食物及成绩判断
  • 洗地机哪个牌子好用?洗地机选购攻略
  • 节能灯和led灯哪个更护眼?精选高品质的LED护眼台灯
  • 大数据管家 DataSophon 1.2介绍
  • vue实现爱心形状的复选框
  • 珠江啤酒坚持创新,“酿”造电子化采购平台
  • 数据仓库模式之详解 Inmon 和 Kimball
  • 斐波那契数列数列系列问题详解
  • Day38力扣打卡
  • 【C语言:深入理解指针二】