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
Lepaskan: 2024-11-24 17:48:22
asal
677 orang telah melayarinya

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 = [];
Salin selepas log masuk

II. Tentukan Fungsi:

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

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;
}
Salin selepas log masuk

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(){});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan