Info Window

Kelas InfoWindow

Class google.maps.InfoWindow

Overlay yang terlihat seperti balon dan sering kali terhubung 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.

Konstruktor

InfoWindow

InfoWindow([opts]) Parameter:  opts:  InfoWindowOptions optional Membuat jendela info dengan opsi yang diberikan. InfoWindow dapat ditempatkan di peta pada posisi tertentu atau di atas penanda, bergantung pada apa yang ditentukan dalam opsi. Kecuali jika pergeseran otomatis dinonaktifkan, InfoWindow akan menggeser peta agar terlihat saat dibuka. Setelah membuat InfoWindow, Anda harus memanggil open untuk menampilkannya di peta. Pengguna dapat mengklik tombol tutup di InfoWindow untuk menghapusnya dari peta, atau developer dapat memanggil close() untuk efek yang sama.

Properti
isOpen	Jenis:  boolean Memeriksa apakah InfoWindow terbuka.

Metode
close	close() Parameter:  Tidak ada Nilai yang Ditampilkan:  Tidak Ada Menutup InfoWindow ini dengan menghapusnya dari struktur DOM.
focus	focus() Parameter:  Tidak ada Nilai yang Ditampilkan:  Tidak Ada Menetapkan fokus pada InfoWindow ini. Anda dapat mempertimbangkan untuk menggunakan metode ini bersama dengan peristiwa visible untuk memastikan bahwa InfoWindow terlihat sebelum menetapkan fokus padanya. InfoWindow yang tidak terlihat tidak dapat difokuskan.
getContent	getContent() Parameter:  Tidak ada Nilai yang Ditampilkan:  string|Element|Text|null|undefined Konten InfoWindow ini. Sama dengan yang sebelumnya ditetapkan sebagai konten.
getHeaderContent	getHeaderContent() Parameter:  Tidak ada Nilai yang Ditampilkan:  string|Element|Text|null|undefined Konten header InfoWindow ini. Lihat InfoWindowOptions.headerContent.
getHeaderDisabled	getHeaderDisabled() Parameter:  Tidak ada Nilai yang Ditampilkan:  boolean|undefined Apakah seluruh baris header dinonaktifkan atau tidak. Lihat InfoWindowOptions.headerDisabled.
getPosition	getPosition() Parameter:  Tidak ada Nilai yang Ditampilkan:  LatLng|null|undefined Posisi LatLng InfoWindow ini.
getZIndex	getZIndex() Parameter:  Tidak ada Nilai yang Ditampilkan:  number zIndex InfoWindow ini.
open	open([options, anchor]) Parameter:  options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional Objek InfoWindowOpenOptions (direkomendasikan) atau peta|panorama tempat InfoWindow ini dirender. anchor:  MVCObject|AdvancedMarkerElement optional Penanda tempat InfoWindow ini akan diposisikan. Jika penanda tidak null, InfoWindow akan diposisikan di tengah atas penanda. InfoWindow akan dirender di peta atau panorama yang sama dengan penanda (jika tersedia). Nilai yang Ditampilkan:  Tidak Ada Membuka InfoWindow ini di peta yang diberikan. Secara opsional, InfoWindow dapat dikaitkan dengan penanda. Di API inti, satu-satunya penanda adalah class Marker. Namun, penanda dapat berupa MVCObject apa pun yang mengekspos properti LatLng position 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 satu-satunya argumen untuk metode ini. Untuk mencegah perubahan fokus browser saat dibuka, tetapkan InfoWindowOpenOptions.shouldFocus ke false.
setContent	setContent([content]) Parameter:  content:  string|Element|Text optional Konten yang akan ditampilkan oleh InfoWindow ini. Nilai yang Ditampilkan:  Tidak Ada
setHeaderContent	setHeaderContent([headerContent]) Parameter:  headerContent:  string|Element|Text optional Konten header yang akan ditampilkan oleh InfoWindow ini. Lihat InfoWindowOptions.headerContent. Nilai yang Ditampilkan:  Tidak Ada
setHeaderDisabled	setHeaderDisabled([headerDisabled]) Parameter:  headerDisabled:  boolean optional Menentukan apakah akan menonaktifkan seluruh baris header. Lihat InfoWindowOptions.headerDisabled. Nilai yang Ditampilkan:  Tidak Ada
setOptions	setOptions([options]) Parameter:  options:  InfoWindowOptions optional Nilai yang Ditampilkan:  Tidak Ada
setPosition	setPosition([position]) Parameter:  position:  LatLng|LatLngLiteral optional Posisi LatLng tempat InfoWindow ini akan ditampilkan. Nilai yang Ditampilkan:  Tidak Ada
setZIndex	setZIndex(zIndex) Parameter:  zIndex:  number z-index untuk InfoWindow ini. InfoWindow dengan indeks z yang lebih besar akan ditampilkan di depan semua InfoWindow lainnya dengan indeks z yang lebih rendah. Nilai yang Ditampilkan:  Tidak Ada
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
close	function() Argumen:  Tidak ada Peristiwa ini dipicu setiap kali InfoWindow ditutup. Misalnya, hal ini dapat terjadi saat 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 dipicu 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 Anda membuat konten jendela info secara dinamis.
headercontent_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat properti headerContent berubah.
headerdisabled_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat properti headerDisabled berubah.
position_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat properti posisi berubah.
visible	function() Argumen:  Tidak ada Peristiwa ini dipicu saat InfoWindow terlihat sepenuhnya. Peristiwa ini tidak dipicu saat InfoWindow di-pan keluar lalu kembali ke layar.
zindex_changed	function() Argumen:  Tidak ada Peristiwa ini dipicu saat zIndex InfoWindow berubah.

Antarmuka InfoWindowOptions

google.maps.InfoWindowOptions interface

Objek InfoWindowOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada InfoWindow.

Properti
ariaLabel optional	Jenis:  string optional AriaLabel untuk 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 diukur sesuai dengan konten. Untuk menyetel ukuran eksplisit untuk konten, tetapkan konten menjadi elemen HTML dengan ukuran tersebut.
disableAutoPan optional	Jenis:  boolean optional Default: false Nonaktifkan menggeser peta untuk membuat InfoWindow terlihat sepenuhnya saat dibuka.
headerContent optional	Jenis:  string|Element|Text optional Konten yang akan ditampilkan di baris header InfoWindow. Ini bisa berupa elemen HTML, atau string teks biasa. InfoWindow akan diukur sesuai dengan konten. Untuk menyetel ukuran eksplisit untuk konten header, tetapkan headerContent sebagai 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, sebaiknya setel 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 menjadi titik penambatan jendela info pada koordinat geografisnya. Jika InfoWindow dibuka dengan anchor, pixelOffset akan dihitung dari properti anchorPoint anchor.
position optional	Jenis:  LatLng|LatLngLiteral optional LatLng tempat InfoWindow ini akan ditampilkan. Jika InfoWindow dibuka dengan penanda, posisi penanda akan digunakan.
zIndex optional	Jenis:  number optional Semua InfoWindow ditampilkan di peta sesuai urutan zIndex-nya, dengan nilai yang lebih tinggi ditampilkan di depan InfoWindow dengan nilai yang lebih rendah. Secara default, InfoWindow ditampilkan sesuai dengan lintangnya, dengan InfoWindow yang memiliki lintang lebih rendah muncul di depan InfoWindow yang memiliki lintang lebih tinggi. InfoWindows selalu ditampilkan di depan penanda.

InfoWindowOpenOptions interface

google.maps.InfoWindowOpenOptions interface

Opsi untuk membuka InfoWindow

Properti
anchor optional	Jenis:  MVCObject|AdvancedMarkerElement optional Anchor tempat InfoWindow ini akan diposisikan. Jika penanda tidak null, InfoWindow akan diposisikan di tengah atas penanda. InfoWindow akan dirender di peta atau panorama yang sama dengan penanda (jika tersedia).
map optional	Jenis:  Map|StreetViewPanorama optional Peta atau panorama tempat InfoWindow ini dirender.
shouldFocus optional	Jenis:  boolean optional Apakah fokus harus dipindahkan di dalam InfoWindow saat dibuka atau tidak. 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.