Question

百度地图API 判断点击的是地图还是覆盖物

Answer 1

先创建一个Marker

//覆盖物Marker
var point = new BMap.Point(116.323524,39.989145);
var mark = new BMap.Marker(point);
map.addOverlay(mark);
1
2
3
4
1
2
3
4
然后对地图添加点击事件，如果是覆盖物就弹出相应信息

map.addEventListener("click", function(e){
if(e.overlay){
alert('您点击的是覆盖物：'+e.overlay.toString());
}else{
alert('您点击的是地图');
}
})
1
2
3
4
5
6
7
1
2
3
4
5
6
7
这里写图片描述

到此时我们只是判断了是覆盖物还是地图，而覆盖物又分为好多种
有Marker、Polygon、Circle等等
而如开题所说Marker在Circle之内，如果不想点击Marker触发click事件就需要
再次判断是何种覆盖物

如下代码即可点击Marker不触发click事件

if(e.overlay && e.overlay.toString() != '[object Circle]'){

}else{
map.clearOverlays(); //移除标注
var point_d = new BMap.Point(e.point.lng,e.point.lat)
var circle = new BMap.Circle(point_d,400,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3});
circle.setRadius(400);
map.addOverlay(circle);
var local = new BMap.LocalSearch(map, {renderOptions: {map: map, autoViewport: false}});
local.searchNearby("公司",point_d,400);
}