基于百度地圖api清除指定覆蓋物(Overlay)的方法
最近用百度地圖api做項(xiàng)目,需要同時在地圖顯示marker與Polyline,且Polyline需要根據(jù)點(diǎn)擊來顯示或清除,所以遇到了清除指定覆蓋物的問題,各種搜索后未能找到完美的解決方法,通過自己思考,摸索了一方法能解決這個問題,發(fā)出來給大家分享。好了,進(jìn)入正題:
清除覆蓋物有兩個方法: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;
}
}
}
是通過遍歷所有覆蓋物來篩選所要移除的覆蓋;
對于要移除一類覆蓋物;可以在添加覆蓋物的時候做限制設(shè)置;
第一步:在添加覆蓋的時候?qū)Σ恍枰M(jìn)行移除操作的覆蓋設(shè)置disableMassClear();官網(wǎng)文檔解釋如下
disableMassClear()
none 禁止覆蓋物在 map.clearOverlays 方法中被清除。 (自 1.1新增)
我這里不需要對marker進(jìn)行移除操作,所以設(shè)置如下:
marker.disableMassClear();
第二步:清除所要清除的覆蓋物,這里需要清除所有的Polyline而不清除marker,現(xiàn)在可以直接使用
map.clearOverlays();
這樣就能很方便的清除所有Polyline而保留marker;
第三步:當(dāng)后來需要對marker進(jìn)行移除操作時,可以使用enableMassClear()方法來取消禁止清除;
enableMassClear()
none 允許覆蓋物在 map.clearOverlays 方法中被清除。 (自 1.1新增)
但是需要對每個marker進(jìn)行恢復(fù)操作,所以需要進(jìn)行遍歷:
var allOverlay = map.getOverlays();
for (var i = 0; i < allOverlay.length; i++) {
allOverlay[i].enableMassClear();
}
這樣就恢復(fù)了所有覆蓋物的可清除操作。
簡單三步設(shè)置便可高效操作指定類覆蓋物。
以上這篇基于百度地圖api清除指定覆蓋物(Overlay)的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript自動設(shè)置IFrame高度的小例子
JavaScript自動設(shè)置IFrame高度的小例子,需要的朋友可以參考一下2013-06-06
Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法
本篇文章主要介紹了Bootstrap 模態(tài)框多次顯示后臺提交多次BUG的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12
JavaScript Array擴(kuò)展實(shí)現(xiàn)代碼
最近看了一下developer.mozilla.org里的東西,發(fā)現(xiàn)它為Array對象添加了不少generic method,趕得上Prototype的熱心程度。2009-10-10
鼠標(biāo)劃過實(shí)現(xiàn)延遲加載并隱藏層的js代碼
鼠標(biāo)劃過延遲加載隱藏層的效果,想必大家都有見到過吧,在本文將為大家詳細(xì)介紹下使用js是如何實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-10-10
解決使用layui的時候form表單中的select等不能渲染的問題
今天小編就為大家分享一篇解決使用layui的時候form表單中的select等不能渲染的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

