使用百度地图开源库mapv,绘制marker过程中的遇到的坑

本文介绍了在使用百度地图开源库mapv进行地图标记绘制时遇到的事件响应问题,特别是marker在mouseover时颜色切换导致的闪烁现象。通过分析问题,找到了item可能返回null的原因,并提供了解决方案,通过对event参数的处理,成功实现了平稳的事件响应和图标颜色切换。
摘要由CSDN通过智能技术生成

需求

项目过程中需要在地图上展示数百个marker,并且要求每个marker都需要绑定click、mouseover、mouseleave 事件,来切换marker的颜色。

mapv绘点选项中提供了两个事件方法, click和mousemove,事件参数有两个为item、event,item是dataSet中对应的数据;当事件触发时,将对应的item的icon换成对应的icon,实现效果。

真实情况是 当鼠标hover 时,图标会闪来闪去。就算鼠标hover 了, item 也有可能返回null;

效果图

这里写图片描述

解决方法

对事件返回的event参数进行重写,代码如下

var MARKER_ICON_SIZE_WIDTH = 21; /
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值