首頁 > web前端 > js教程 > 使用百度地圖api如何清除指定覆蓋物Overlay具體怎麼做?

使用百度地圖api如何清除指定覆蓋物Overlay具體怎麼做?

亚连
發布: 2018-06-09 13:37:53
原創
2087 人瀏覽過

下面我就為大家分享一篇基於百度地圖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()
登入後複製

none 禁止覆蓋物在map.clearOverlays 方法中被清除。 (自1.1新增)

我這裡不需要對marker進行移除操作,所以設定如下:

marker.disableMassClear();
登入後複製

第二步:清除所要清除的覆蓋物,這裡需要清除所有的Polyline而不清除marker,現在可以直接使用

map.clearOverlays();
登入後複製

這樣就能很方便的清除所有Polyline而保留marker;

第三步:當後來需要對marker進行移除操作時,可以使用enableMassClear()方法來取消禁止清除;

enableMassClear()
登入後複製

none 允許覆蓋物在map. clearOverlays 方法中被清除。 (自 1.1新增)

但是需要對每個marker進行恢復操作,所以需要進行遍歷:

var allOverlay = map.getOverlays();
      for (var i = 0; i < allOverlay.length; i++) {
        allOverlay[i].enableMassClear();
      }
登入後複製

這樣就恢復了所有覆蓋物的可清除操作。

簡單三步驟設定便可高效操作指定類別覆蓋物。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

如何實作ajax前台後台跨網域要求

自訂ajax支援跨網域元件(詳細教學)

透過微信小程式如何實現驗證碼取得倒數計時效果

#

以上是使用百度地圖api如何清除指定覆蓋物Overlay具體怎麼做?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板