Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengalih Keluar Semua Penanda dalam Google Maps API v3?

Bagaimana untuk Mengalih Keluar Semua Penanda dalam Google Maps API v3?

Linda Hamilton
Linda Hamiltonasal
2024-11-24 17:48:22672semak imbas

How to Remove All Markers in Google Maps API v3?

Mengalih keluar Penanda dalam Google Maps API v3: Pendekatan Dikemas Kini

Dalam Google Maps API v2, mengosongkan penanda peta adalah mudah menggunakan map.clearOverlays (). Walau bagaimanapun, kaedah ini tidak tersedia dalam API v3. Berikut ialah panduan komprehensif untuk mengalih keluar semua penanda secara berkesan dalam v3.

Kuncinya ialah menggunakan tatasusunan untuk menyimpan rujukan penanda dan kemudian melelang melalui tatasusunan untuk mengalih keluar penanda daripada peta. Langkah berikut menggariskan proses ini:

I. Isytiharkan Pembolehubah Global:

var markersArray = [];

II. Tentukan Fungsi:

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

Fungsi ini berulang ke atas markersArray, menetapkan setiap sifat setMap penanda kepada null untuk mengalih keluarnya daripada peta, dan kemudian mengosongkan tatasusunan.

Sebagai alternatif , anda boleh melanjutkan prototaip Peta untuk memasukkan ClearOverlays kaedah:

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

III. Tolak Penanda ke dalam Tatasusunan:

Sebelum mengalih keluar penanda, pastikan ia ditambahkan pada penandaArray. Gunakan kod berikut:

markersArray.push(marker);
google.maps.event.addListener(marker,"click",function(){});

IV. Panggil Fungsi Clear Overlays:

Untuk melaksanakan pengalihan keluar penanda, panggil fungsi clearOverlays() atau map.clearOverlays() di mana-mana sahaja yang dikehendaki.

Dengan mengikuti langkah ini, anda boleh dengan berkesan alih keluar semua penanda daripada aplikasi Google Maps API v3 anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Semua Penanda dalam Google Maps API v3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn