Info Window

InfoWindow

Class google.maps.InfoWindow

Overlay yang terlihat seperti balon dan sering dihubungkan ke penanda.

Class ini memperluas MVCObject.

Akses dengan memanggil const {InfoWindow} = await google.maps.importLibrary("maps") atau const {InfoWindow} = await google.maps.importLibrary("streetView"). Lihat Library di Maps JavaScript API.
InfoWindow
InfoWindow([opts])
Parameter: 
Membuat jendela info dengan opsi yang diberikan. InfoWindow dapat ditempatkan pada peta pada posisi tertentu atau di atas penanda, bergantung pada apa yang ditentukan dalam opsi. Kecuali geser otomatis dinonaktifkan, InfoWindow akan menggeser peta agar terlihat sendiri saat dibuka. Setelah membuat InfoWindow, Anda harus memanggil open untuk menampilkannya di peta. Pengguna dapat mengklik tombol tutup pada InfoWindow untuk menghapusnya dari peta, atau developer dapat memanggil close() untuk efek yang sama.
isOpen
Jenis:  boolean
Memeriksa apakah InfoWindow terbuka.
close
close()
Parameter: Tidak ada
Nilai Hasil: Tidak ada
Menutup InfoWindow ini dengan menghapusnya dari struktur DOM.
focus
focus()
Parameter: Tidak ada
Nilai Hasil: Tidak ada
Menetapkan fokus pada InfoWindow ini. Sebaiknya gunakan metode ini bersama dengan peristiwa visible untuk memastikan InfoWindow terlihat sebelum menetapkan fokus pada peristiwa tersebut. InfoWindow yang tidak terlihat tidak dapat difokuskan.
getContent
getContent()
Parameter: Tidak ada
Nilai Hasil:  string|Element|Text|null|undefined Konten InfoWindow ini. Sama dengan yang sebelumnya ditetapkan sebagai konten.
getHeaderContent
getHeaderContent()
Parameter: Tidak ada
Nilai Hasil:  string|Element|Text|null|undefined Konten header InfoWindow ini. Baca InfoWindowOptions.headerContent.
getHeaderDisabled
getHeaderDisabled()
Parameter: Tidak ada
Nilai yang Ditampilkan:  boolean|undefined Apakah seluruh baris header dinonaktifkan atau tidak. Baca InfoWindowOptions.headerDisabled.
getPosition
getPosition()
Parameter: Tidak ada
Nilai Hasil:  LatLng|null|undefined Posisi LatLng InfoWindow ini.
getZIndex
getZIndex()
Parameter: Tidak ada
Nilai Hasil:  number zIndex InfoWindow ini.
open
open([options, anchor])
Parameter: 
  • options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional Objek InfoWindowOpenOptions (direkomendasikan) atau peta|panorama yang akan digunakan untuk merender InfoWindow ini.
  • anchor:  MVCObject|AdvancedMarkerElement optional Anchor tempat InfoWindow akan diposisikan. Jika anchor bukan null, InfoWindow akan diposisikan di bagian tengah atas anchor. InfoWindow akan dirender pada peta atau panorama yang sama dengan anchor (jika tersedia).
Nilai Hasil: Tidak ada
Membuka InfoWindow ini pada peta yang diberikan. Secara opsional, InfoWindow dapat dikaitkan dengan anchor. Di API inti, satu-satunya anchor adalah class Marker. Namun, anchor dapat berupa MVCObject apa pun yang mengekspos properti position LatLng dan secara opsional properti Point anchorPoint untuk menghitung pixelOffset (lihat InfoWindowOptions). anchorPoint adalah offset dari posisi anchor ke ujung InfoWindow. Sebaiknya gunakan antarmuka InfoWindowOpenOptions sebagai argumen tunggal untuk metode ini. Agar fokus browser tidak berubah saat buka, setel InfoWindowOpenOptions.shouldFocus ke false.
setContent
setContent([content])
Parameter: 
  • content:  string|Element|Text optional Konten yang akan ditampilkan oleh InfoWindow ini.
Nilai Hasil: Tidak ada
setHeaderContent
setHeaderContent([headerContent])
Parameter: 
Nilai Hasil: Tidak ada
setHeaderDisabled
setHeaderDisabled([headerDisabled])
Parameter: 
Nilai Hasil: Tidak ada
setOptions
setOptions([options])
Parameter: 
Nilai Hasil: Tidak ada
setPosition
setPosition([position])
Parameter: 
Nilai Hasil: Tidak ada
setZIndex
setZIndex(zIndex)
Parameter: 
  • zIndex:  number Indeks z untuk InfoWindow ini. InfoWindow dengan indeks z yang lebih besar akan ditampilkan di depan semua InfoWindows lainnya dengan indeks z yang lebih rendah.
Nilai Hasil: Tidak ada
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
close
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan setiap kali InfoWindow ditutup. Misalnya, hal ini dapat dilakukan dengan memanggil metode InfoWindow.close, menekan tombol escape untuk menutup InfoWindow, atau mengklik tombol tutup atau memindahkan InfoWindow ke peta lain.
closeclick
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat tombol tutup diklik.
content_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat properti konten berubah.
domready
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat <div> yang berisi konten InfoWindow dilampirkan ke DOM. Anda mungkin ingin memantau peristiwa ini jika membuat konten jendela info secara dinamis.
headercontent_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat properti headerContent berubah.
headerdisabled_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat properti headerDisabled berubah.
position_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat properti posisi berubah.
visible
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat InfoWindow terlihat sepenuhnya. Peristiwa ini tidak diaktifkan saat InfoWindow digeser, lalu kembali ke layar.
zindex_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat zIndex InfoWindow berubah.

Antarmuka InfoWindowOptions

Antarmuka google.maps.InfoWindowOptions

Objek InfoWindowOptions digunakan untuk menentukan properti yang dapat disetel pada InfoWindow.
ariaLabel optional
Jenis:  string optional
AriaLabel yang akan ditetapkan ke InfoWindow.
content optional
Jenis:  string|Element|Text optional
Konten yang akan ditampilkan di InfoWindow. Ini dapat berupa elemen HTML, string teks biasa, atau string yang berisi HTML. InfoWindow akan disesuaikan ukurannya. Untuk menetapkan ukuran eksplisit konten, tetapkan konten menjadi elemen HTML dengan ukuran tersebut.
disableAutoPan optional
Jenis:  boolean optional
Default: false
Nonaktifkan penggeseran peta untuk membuat InfoWindow terlihat sepenuhnya saat terbuka.
headerContent optional
Jenis:  string|Element|Text optional
Konten yang akan ditampilkan di baris header InfoWindow. Ini dapat berupa elemen HTML, atau string teks biasa. InfoWindow akan disesuaikan ukurannya. Untuk menetapkan ukuran eksplisit konten header, tetapkan headerContent menjadi elemen HTML dengan ukuran tersebut.
headerDisabled optional
Jenis:  boolean optional
Menonaktifkan seluruh baris header di InfoWindow. Jika disetel ke benar (true), header akan dihapus sehingga konten header dan tombol tutup akan disembunyikan.
maxWidth optional
Jenis:  number optional
Lebar maksimum InfoWindow, terlepas dari lebar konten. Nilai ini hanya dipertimbangkan jika ditetapkan sebelum panggilan ke open(). Untuk mengubah lebar maksimum saat mengubah konten, panggil close(), setOptions(), lalu open().
minWidth optional
Jenis:  number optional
Lebar minimum InfoWindow, terlepas dari lebar konten. Saat menggunakan properti ini, sangat disarankan untuk menyetel minWidth ke nilai yang lebih kecil dari lebar peta (dalam piksel). Nilai ini hanya dipertimbangkan jika ditetapkan sebelum panggilan ke open(). Untuk mengubah lebar minimum saat mengubah konten, panggil close(), setOptions(), lalu open().
pixelOffset optional
Jenis:  Size optional
Offset, dalam piksel, dari ujung jendela info dari titik di peta yang koordinat geografisnya ditambatkan oleh jendela info. Jika InfoWindow dibuka dengan anchor, pixelOffset akan dihitung dari properti anchorPoint anchor.
position optional
Jenis:  LatLng|LatLngLiteral optional
LatLng untuk menampilkan InfoWindow ini. Jika InfoWindow dibuka dengan anchor, posisi anchor akan digunakan.
zIndex optional
Jenis:  number optional
Semua InfoWindows ditampilkan pada peta sesuai urutan zIndex, dengan nilai yang lebih tinggi akan ditampilkan di depan InfoWindows dengan nilai yang lebih rendah. Secara default, InfoWindows ditampilkan sesuai dengan garis lintangnya, dengan InfoWindows garis lintang yang lebih rendah muncul di depan InfoWindows pada garis lintang yang lebih tinggi. InfoWindows selalu ditampilkan di depan penanda.

Antarmuka InfoWindowOpenOptions

Antarmuka google.maps.InfoWindowOpenOptions

Opsi untuk membuka InfoWindow
anchor optional
Anchor tempat InfoWindow ini akan diposisikan. Jika anchor bukan null, InfoWindow akan diposisikan di bagian tengah atas anchor. InfoWindow akan dirender pada peta atau panorama yang sama dengan anchor (jika tersedia).
map optional
Jenis:  Map|StreetViewPanorama optional
Peta atau panorama tempat untuk merender InfoWindow ini.
shouldFocus optional
Jenis:  boolean optional
Apakah fokus harus dipindahkan di dalam InfoWindow atau tidak saat dibuka. Jika properti ini tidak disetel atau disetel ke null atau undefined, heuristik akan digunakan untuk memutuskan apakah fokus harus dipindahkan atau tidak. Sebaiknya tetapkan properti ini secara eksplisit agar sesuai dengan kebutuhan Anda karena heuristik dapat berubah dan mungkin tidak berfungsi dengan baik untuk semua kasus penggunaan.