解决百度地图多个标注覆盖不能响应点击的问题

百度地图开发常用网站

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/

 

 

 

---