OverlayView class
Class
google.maps.OverlayView
Anda dapat menerapkan class ini jika ingin menampilkan jenis objek overlay kustom di peta.
Mewarisi dari class ini dengan menetapkan prototipe overlay Anda: MyOverlay.prototype = new google.maps.OverlayView();
. Konstruktor OverlayView
dijamin berupa fungsi kosong.
Anda harus menerapkan tiga metode: onAdd()
, draw()
, dan onRemove()
.
- Dalam metode
onAdd()
, Anda harus membuat objek DOM dan menambahkannya sebagai turunan panel. - Dalam metode
draw()
, Anda harus memosisikan elemen ini. - Dalam metode
onRemove()
, Anda harus menghapus objek dari DOM.
setMap()
dengan objek Map
yang valid untuk memicu panggilan ke metode onAdd()
dan setMap(null)
guna memicu metode onRemove()
. Metode setMap()
dapat dipanggil pada saat konstruksi atau kapan saja setelahnya saat overlay harus ditampilkan kembali setelah dihapus. Metode draw()
kemudian akan dipanggil setiap kali properti peta berubah yang dapat mengubah posisi elemen, seperti zoom, tengah, atau jenis peta.
Class ini memperluas
MVCObject
.
Akses dengan memanggil const {OverlayView} = await google.maps.importLibrary("maps")
atau const {OverlayView} = await google.maps.importLibrary("streetView")
.
Lihat Library di Maps JavaScript API.
Konstruktor | |
---|---|
OverlayView |
OverlayView() Parameter: Tidak ada
Membuat OverlayView . |
Metode Statis | |
---|---|
preventMapHitsAndGesturesFrom |
preventMapHitsAndGesturesFrom(element) Parameter:
Nilai yang Ditampilkan: Tidak Ada
Menghentikan peristiwa klik, ketuk, tarik, dan roda pada elemen agar tidak muncul ke peta. Gunakan ini untuk mencegah penarikan dan zoom peta, serta peristiwa "klik" peta. |
preventMapHitsFrom |
preventMapHitsFrom(element) Parameter:
Nilai yang Ditampilkan: Tidak Ada
Menghentikan klik atau ketuk pada elemen agar tidak muncul di peta. Gunakan ini untuk mencegah peta memicu peristiwa "klik". |
Metode | |
---|---|
draw |
draw() Parameter: Tidak ada
Nilai yang Ditampilkan: Tidak Ada
Terapkan metode ini untuk menggambar atau memperbarui overlay. Gunakan posisi dari projection.fromLatLngToDivPixel() untuk memosisikan overlay dengan benar relatif terhadap MapPanes. Metode ini dipanggil setelah onAdd(), dan dipanggil saat terjadi perubahan zoom atau pusat. Sebaiknya jangan lakukan tugas yang mahal secara komputasi dalam metode ini. |
getMap |
getMap() Parameter: Tidak ada
Nilai yang Ditampilkan:
Map|StreetViewPanorama |
getPanes |
getPanes() Parameter: Tidak ada
Nilai yang Ditampilkan:
MapPanes|null Menampilkan panel tempat OverlayView ini dapat dirender. Panel tidak diinisialisasi hingga onAdd dipanggil oleh API. |
getProjection |
getProjection() Parameter: Tidak ada
Nilai yang Ditampilkan:
MapCanvasProjection Menampilkan objek MapCanvasProjection yang terkait dengan OverlayView ini. Proyeksi tidak diinisialisasi hingga onAdd dipanggil oleh API. |
onAdd |
onAdd() Parameter: Tidak ada
Nilai yang Ditampilkan: Tidak Ada
Terapkan metode ini untuk menginisialisasi elemen DOM overlay. Metode ini dipanggil sekali setelah setMap() dipanggil dengan peta yang valid. Pada tahap ini, panel dan proyeksi akan diinisialisasi. |
onRemove |
onRemove() Parameter: Tidak ada
Nilai yang Ditampilkan: Tidak Ada
Terapkan metode ini untuk menghapus elemen Anda dari DOM. Metode ini dipanggil sekali setelah panggilan ke setMap(null). |
setMap |
setMap(map) Parameter:
Nilai yang Ditampilkan: Tidak Ada
Menambahkan overlay ke peta atau panorama. |
Diwariskan:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Antarmuka MapPanes
google.maps.MapPanes
interface
Properti | |
---|---|
floatPane |
Jenis:
Element Panel ini berisi jendela info. Panel ini berada di atas semua overlay peta. (Panel 4). |
mapPane |
Jenis:
Element Panel ini adalah panel terendah dan berada di atas ubin. Panel ini tidak menerima peristiwa DOM. (Panel 0). |
markerLayer |
Jenis:
Element Panel ini berisi penanda. Panel ini tidak menerima peristiwa DOM. (Panel 2). |
overlayLayer |
Jenis:
Element Panel ini berisi polyline, poligon, overlay bumi, dan overlay lapisan ubin. Panel ini tidak menerima peristiwa DOM. (Panel 1). |
overlayMouseTarget |
Jenis:
Element Panel ini berisi elemen yang menerima peristiwa DOM. (Panel 3). |
Antarmuka MapCanvasProjection
google.maps.MapCanvasProjection
interface
Objek ini tersedia untuk OverlayView
dari dalam metode draw. Tidak dijamin diinisialisasi hingga draw dipanggil.
Metode | |
---|---|
fromContainerPixelToLatLng |
fromContainerPixelToLatLng(pixel[, noClampNoWrap]) Parameter:
Nilai yang Ditampilkan:
LatLng|null Menghitung koordinat geografis dari koordinat piksel dalam penampung peta. |
fromDivPixelToLatLng |
fromDivPixelToLatLng(pixel[, noClampNoWrap]) Parameter:
Nilai yang Ditampilkan:
LatLng|null Menghitung koordinat geografis dari koordinat piksel di div yang memuat peta yang dapat ditarik. |
fromLatLngToContainerPixel |
fromLatLngToContainerPixel(latLng) Parameter:
Nilai yang Ditampilkan:
Point|null Menghitung koordinat piksel dari lokasi geografis tertentu dalam elemen penampung peta. |
fromLatLngToDivPixel |
fromLatLngToDivPixel(latLng) Parameter:
Nilai yang Ditampilkan:
Point|null Menghitung koordinat piksel dari lokasi geografis tertentu dalam elemen DOM yang memuat peta yang dapat ditarik. |
getVisibleRegion |
getVisibleRegion() Parameter: Tidak ada
Nilai yang Ditampilkan:
VisibleRegion|null Wilayah peta yang terlihat. Menampilkan null jika peta tidak memiliki ukuran. Menampilkan null jika OverlayView berada di StreetViewPanorama. |
getWorldWidth |
getWorldWidth() Parameter: Tidak ada
Nilai yang Ditampilkan:
number Lebar dunia dalam piksel pada tingkat zoom saat ini. Untuk proyeksi dengan sudut arah 90 atau 270 derajat, nilai ini sesuai dengan rentang piksel pada sumbu Y. |