Info Window

Class 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.

Konstruktor

InfoWindow

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

Metode
close	close() Parameter: Tidak ada Nilai Hasil: Tidak ada Tutup InfoWindow ini dengan menghapusnya dari struktur DOM.
focus	focus() Parameter: Tidak ada Nilai Hasil: Tidak ada Menetapkan fokus pada InfoWindow ini. Sebaiknya pertimbangkan 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 Hasil:  string|Element|Text|null|undefined Konten InfoWindow ini. Sama dengan nilai yang telah ditetapkan sebelumnya sebagai konten.
getPosition	getPosition() Parameter: Tidak ada Nilai Hasil:  LatLng|null|undefined Posisi LatLng InfoWindow ini.
getZIndex	getZIndex() Parameter: Tidak ada Nilai Hasil:  number zIndex dari InfoWindow ini.
open	open([options, anchor]) Parameter:  options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional Objek InfoWindowOpenOptions (direkomendasikan) atau map|panorama yang akan digunakan untuk merender InfoWindow ini. anchor:  MVCObject|AdvancedMarkerElement optional Anchor tempat InfoWindow ini akan diposisikan. Jika anchor tidak 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 Penanda. Namun, anchor dapat berupa MVCObject yang mengekspos properti LatLng position dan, secara opsional, properti anchorPoint Titik untuk menghitung pixelOffset (lihat InfoWindowOptions). anchorPoint adalah offset dari posisi anchor ke ujung InfoWindow. Sebaiknya gunakan antarmuka InfoWindowOpenOptions sebagai argumen tunggal untuk metode ini. Untuk mencegah perubahan fokus browser saat dibuka, 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
setOptions	setOptions([options]) Parameter:  options:  InfoWindowOptions optional Nilai Hasil: Tidak ada
setPosition	setPosition([position]) Parameter:  position:  LatLng|LatLngLiteral optional Posisi LatLng untuk menampilkan InfoWindow ini. 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 yang memiliki indeks z yang lebih rendah. Nilai Hasil: Tidak ada
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Acara
close	function() Argumen: Tidak ada Peristiwa ini diaktifkan setiap kali InfoWindow ditutup. Misalnya, hal ini dapat berasal dari 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 Anda membangun konten jendela info Anda secara dinamis.
headercontent_changed	Pemberitahuan: Hanya tersedia di saluran v=beta. function() Argumen: Tidak ada Peristiwa ini diaktifkan saat properti headerContent berubah.
headerdisabled_changed	Pemberitahuan: Hanya tersedia di saluran v=beta. 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 sepenuhnya terlihat. 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 yang digunakan untuk mendefinisikan properti yang dapat disetel 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. String ini dapat berupa elemen HTML, string teks biasa, atau string yang berisi HTML. InfoWindow akan diubah ukurannya sesuai dengan konten. Untuk menyetel ukuran eksplisit untuk konten, setel konten menjadi elemen HTML dengan ukuran tersebut.
disableAutoPan optional	Jenis:  boolean optional Default: false Nonaktifkan penggeseran peta untuk membuat InfoWindow sepenuhnya terlihat saat terbuka.
headerContent optional	Pemberitahuan: Hanya tersedia di saluran v=beta. Jenis:  string|Element|Text optional Konten yang akan ditampilkan di baris header InfoWindow. Ini dapat berupa elemen HTML, atau string yang berisi HTML. InfoWindow akan diubah ukurannya sesuai dengan konten. Untuk menyetel ukuran eksplisit untuk konten header, tetapkan headerContent menjadi elemen HTML dengan ukuran tersebut.
headerDisabled optional	Pemberitahuan: Hanya tersedia di saluran v=beta. 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 direkomendasikan untuk menetapkan minWidth ke nilai yang kurang 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, 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 yang akan digunakan untuk menampilkan InfoWindow ini. Jika InfoWindow dibuka dengan anchor, posisi anchor akan digunakan.
zIndex optional	Jenis:  number optional Semua InfoWindows ditampilkan di peta menurut urutan zIndex, dengan nilai yang lebih tinggi akan ditampilkan di depan InfoWindows dengan nilai yang lebih rendah. Secara default, InfoWindows ditampilkan sesuai dengan lintangnya, sedangkan InfoWindows pada lintang rendah muncul di depan InfoWindows pada lintang yang lebih tinggi. InfoWindows selalu ditampilkan di depan penanda.

Antarmuka InfoWindowOpenOptions

Antarmuka google.maps.InfoWindowOpenOptions

Opsi untuk membuka InfoWindow

Properti
anchor optional	Jenis:  MVCObject|AdvancedMarkerElement optional Anchor tempat InfoWindow ini akan diposisikan. Jika anchor tidak 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 yang akan digunakan untuk merender InfoWindow ini.
shouldFocus optional	Jenis:  boolean optional Apakah fokus harus dipindahkan di dalam InfoWindow saat dibuka atau tidak. Jika properti ini tidak disetel atau jika disetel ke null atau undefined, heuristik akan digunakan untuk menentukan 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.