首頁 > web前端 > js教程 > 如何從 Google Maps API v3 應用程式中刪除所有標記?

如何從 Google Maps API v3 應用程式中刪除所有標記?

Mary-Kate Olsen
發布: 2024-11-12 13:07:01
原創
551 人瀏覽過

How to Remove All Markers from a Google Maps API v3 Application?

刪除 Google Maps API v3 中的所有標記

在 Google Maps API 版本 2 中,刪除所有地圖標記就像使用 map.clearOverlays() 一樣簡單。但是,此方法在 API v3 中不再可用。本綜合指南將引導您從地圖中有效刪除所有標記的步驟:

宣告全域變數

先宣告一個全域變數來儲存標記陣列:

var markersArray = [];
登入後複製

定義函數

建立一個名為clearOverlays()的函數來迭代標記陣列並將每個標記的地圖設定為null:

function clearOverlays() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}
登入後複製

OR

或者,您可以將該函數定義為google.maps.Map 的原型方法:

google.maps.Map.prototype.clearOverlays = function() {
  for (var i = 0; i < markersArray.length; i++) {
    markersArray[i].setMap(null);
  }
  markersArray.length = 0;
}
登入後複製

將標記加入陣列

在呼叫之前clearOverlays()函數,請確保在將每個標記新增至地圖時將其推送到markerArray。請記得為每個標記新增事件監聽器以實現互動:

markersArray.push(marker);
google.maps.event.addListener(marker, "click", function() {});
登入後複製

呼叫函數

最後,每當需要刪除所有標記時,請呼叫clearOverlays()或map. clearOverlays()函數地圖上的標記。

使用這些步驟,您現在可以有效地從 Google Maps API v3 中刪除所有標記申請。

以上是如何從 Google Maps API v3 應用程式中刪除所有標記?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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