百度地圖api清除指定覆蓋物(Overlay)的方法
最近用百度地圖api做專案,需要同時在地圖顯示marker與Polyline,且Polyline需要根據點選來顯示或清除,所以遇到了清除指定覆蓋物的問題,各種搜尋後未能找到完美的解決方法,通過自己思考,摸索了一方法能解決這個問題,發出來給大家分享。好了,進入正題:
清除覆蓋物有兩個方法:map.removeOverlay()或者
map.clearOverlays(),clearOverlays()方法一次移除所有的覆蓋物,removeOverlay()一次移除一個指定覆蓋物,顯然,我要一次移除一類Polyline覆蓋物,這兩個方法都不適用。
百度demo(http://developer.baidu.com/map/jsdemo.htm#c1_17)有removeOverlay()
function deletePoint(){
var allOverlay = map.getOverlays();
for (var i = 0; i < allOverlay.length -1; i++){
if(allOverlay[i].getLabel().content == "我是id=1"){
map.removeOverlay(allOverlay[i]);
return false;
}
}
}
是通過遍歷所有覆蓋物來篩選所要移除的覆蓋;
對於要移除一類覆蓋物;可以在新增覆蓋物的時候做限制設定;
第一步:在新增覆蓋的時候對不需要進行移除操作的覆蓋設定disableMassClear();官網文件解釋如下
disableMassClear() | non e |
禁止覆蓋物在 map.clearOverlays
方法中被清除。 (自
1.1 新增) |
我這裡不需要對marker進行移除操作,所以設定如下:
marker.disableMassClear();
第二步:清除所要清除的覆蓋物,這裡需要清除所有的Polyline而不清除marker,現在可以直接使用
map.clearOverlays();
這樣就能很方便的清除所有Polyline而保留marker;
第三步:當後來需要對marker進行移除操作時,可以使用enableMassClear()方法來取消禁止清除;
enableMassClear() | non e |
允許覆蓋物在 map.clearOverlays
方法中被清除。 (自
1.1 新增) |
但是需要對每個marker進行恢復操作,所以需要進行遍歷:
var allOverlay = map.getOverlays();
for (var i = 0; i < allOverlay.length; i++) {
allOverlay[i].enableMassClear();
}
這樣就恢復了所有覆蓋物的可清除操作。
簡單三步設定便可高效操作指定類覆蓋物。