百度地图api

标签（空格分隔）： gis地图

1. infoWindow 添加点击事件

//有时候我们或许会在信息窗口中自定义我们想要的功能，这就需要在信息窗口中添加html元素并且为其添加点击事件。

//使用常规的js事件并不能完成此功能，如：
var content = `<div>
<span>${item.content.communityName}</span>
<span>${item.content.reason}</span>
<span id="detail"><a href="javascript:void(0);">详情</a></span>
</div>`

//直接在span里加onclick是运行不了的。

//需要在infoWindow的Open事件中写才可以

infoWindow.addEventListener("open", function (e) {
    $("#detail").click(function () {
        console.log('点击到了')
    })
});

2. 清除指定类型的覆盖物

//百度提供了清除所有覆盖物的方法，但是要保留marker，
//清除指定某一类型(如折现和圆形)的覆盖物，要使用removeOverlay
//1. 清除 Circle 类型
function clearAllCircle() {
    //获取所有的覆盖物
    var allOverlay = map.getOverlays
    for(var i = 0; i < allOverlay.length; i++) {
        //判定覆盖物类型进行删除
        if(allOverlay[i].toString === '[object Circle]') {//高度预警 判定时要用单引号 '' , 原因未知
        //清除 i 项
            map.removeOverlay()
        }
    }
}
//2. 清除lable
function clearAllLable() {
    allOverlay = map.getOverlays();
        for (var i = 0; i < allOverlay.length; i++) {
            if (allOverlay[i].toString() == "[object Marker]") {
                map.removeOverlay(allOverlay[i].getLabel()); //注意获取lable的方式
        }
    }
}