解决百度地图多个标注覆盖不能响应点击的问题
百度地图开发常用网站1、百度地图开放平台http://lbsyun.baidu.com/2、百度地图Javascript APIJavaScript API v3.0http://lbsyun.baidu.com/index.php?title=jspopular3.0JavaScript API v2.0http://lbsyun.baidu.com/ind...
·
百度地图开发常用网站
1、百度地图开放平台
http://lbsyun.baidu.com/
2、百度地图 Javascript API
-
JavaScript API v3.0 http://lbsyun.baidu.com/index.php?title=jspopular3.0
-
JavaScript API v2.0 http://lbsyun.baidu.com/index.php?title=jspopular
-
JavaScript API Lite http://lbsyun.baidu.com/index.php?title=jspopularLiteV1
3、JavaScript API v2.0类参考
http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html
4、百度地图示例DEMO(JavaScript API v2.0)
http://lbsyun.baidu.com/jsdemo.htm#a1_2
5、百度地图 ak 申请:(JavaScript API v2.0)
http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey
6、开源库(JavaScript API v2.0):鼠标绘制工具条、热力图、聚合marker、测距工具、自定义覆盖物、自定义信息窗口、路书等功能
http://lbsyun.baidu.com/index.php?title=jspopular/openlibrary
7、百度地图坐标拾取系统
http://api.map.baidu.com/lbsapi/getpoint/index.html
说明
项目中使用 JavaScript API v2.0 版本,当然也可以使用最新版 V3.0。
JavaScript API Lite是移动端浏览器上构建地图应用
解决百度地图多个标注覆盖不能响应点击的问题
问题描述:
在实际运用中,当多个标注(marker)位置比较近且地图级别比较小,标注直接相互覆盖了。在下发的标注无法响应鼠标的点击事件。
QQ群里大神“Freya”的解决方法是,当鼠标移到标注上时,标注自动调整到第一层;鼠标移除再返回最后一层。
代码如下:
marker.addEventListener(“mouseover”,function(e){
marker.setTop(true);
});
marker.addEventListener(“mouseout”,function(e){
marker.setTop(false);
});
参考地址:
http://www.xiaoguo123.com/p/baidumap-marker-over/
更多推荐
已为社区贡献12条内容
所有评论(0)