Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Peta Google v3 Dihadkan untuk Memaparkan Kawasan Tertentu dengan Tahap Zum Terhad?

Bolehkah Peta Google v3 Dihadkan untuk Memaparkan Kawasan Tertentu dengan Tahap Zum Terhad?

Susan Sarandon
Susan Sarandonasal
2024-10-18 19:58:31460semak imbas

Can Google Maps v3 Be Restricted to Display a Specific Area with Limited Zoom Levels?

Menghadkan Kawasan Boleh Lihat dan Tahap Zum dalam Peta Google v3

Soalan:

Bolehkah Peta Google v3 dihadkan untuk dipaparkan kawasan tertentu, dengan tahap zum terhad?

Jawapan:

Ya, adalah mungkin untuk mencapai ini menggunakan teknik berikut:

Menghadkan Kawasan Boleh Lihat:

  • Gunakan objek LatLngBounds untuk mentakrifkan sempadan kawasan boleh dilihat.
  • Tetapkan pilihan sekatan objek MapOptions kepada LatLngBounds.

Contoh:

<code class="javascript">var bounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(lat1, lng1),
  new google.maps.LatLng(lat2, lng2)
);

var mapOptions = {
  restrictions: {
    latLngBounds: bounds
  }
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>

Menghadkan Tahap Zum:

  • Gunakan pilihan minZoom dan maxZoom bagi objek MapOptions untuk menentukan julat zum yang dibenarkan.

Contoh:

<code class="javascript">var mapOptions = {
  minZoom: 6,
  maxZoom: 9
};

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);</code>

Nota:

Mengehadkan tahap zum menggunakan StyledMap adalah terhad kepada jenis peta asas ROADMAP. Menggunakan pilihan minZoom dan maxZoom menyediakan penyelesaian yang lebih komprehensif.

Nota Tambahan:

  • Semua jenis peta asas boleh digunakan dengan sekatan ini.
  • Pilihan ini juga boleh ditetapkan secara dinamik selepas pemulaan peta menggunakan kaedah setOptions().
  • Menetapkan pilihan disableDefaultUI kepada benar boleh menghalang pengguna daripada mengakses kawalan zum.

Atas ialah kandungan terperinci Bolehkah Peta Google v3 Dihadkan untuk Memaparkan Kawasan Tertentu dengan Tahap Zum Terhad?. 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