Places Widgets

PlaceAutocompleteElement class

Class google.maps.places.PlaceAutocompleteElement

PlaceAutocompleteElement adalah subclass HTMLElement yang menyediakan komponen UI untuk Places Autocomplete API.

PlaceAutocompleteElement otomatis menggunakan AutocompleteSessionToken secara internal untuk mengelompokkan fase kueri dan pemilihan dari penelusuran pelengkapan otomatis pengguna.

Panggilan pertama ke Place.fetchFields pada Place yang ditampilkan oleh PlacePrediction.toPlace akan otomatis menyertakan token sesi yang digunakan untuk mengambil PlacePrediction.

Lihat https://developers.google.com/maps/documentation/places/web-service/place-session-tokens untuk mengetahui detail selengkapnya tentang cara kerja sesi.

Elemen kustom:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceAutocompleteElementOptions.

Akses dengan memanggil const {PlaceAutocompleteElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parameter: 
includedPrimaryTypes
Jenis:  Array<string> optional
Mencakup Jenis tempat utama (misalnya, "restaurant" atau "gas_station").

Tempat hanya ditampilkan jika jenis utamanya disertakan dalam daftar ini. Maksimal 5 nilai dapat ditentukan. Jika tidak ada jenis yang ditentukan, semua jenis Tempat akan ditampilkan.
Atribut HTML:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
Jenis:  Array<string> optional
Hanya menyertakan hasil di wilayah yang ditentukan, yang ditentukan sebagai hingga 15 kode wilayah dua karakter CLDR. Set kosong tidak akan membatasi hasil. Jika locationRestriction dan includedRegionCodes ditetapkan, hasilnya akan berada di area persimpangan.
Atribut HTML:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
Jenis:  LocationBias optional
Petunjuk atau batas lunak yang digunakan saat menelusuri tempat.
locationRestriction
Jenis:  LocationRestriction optional
Batas untuk membatasi hasil penelusuran.
name
Jenis:  string optional
Nama yang akan digunakan untuk elemen input. Lihat https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name untuk mengetahui detailnya. Mengikuti perilaku yang sama dengan atribut nama untuk input. Perhatikan bahwa ini adalah nama yang akan digunakan saat formulir dikirimkan. Lihat https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form untuk mengetahui detailnya.
Atribut HTML:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
Asal untuk menghitung jarak. Jika tidak ditentukan, jarak tidak dihitung. Ketinggian, jika diberikan, tidak digunakan dalam penghitungan.
Atribut HTML:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
Jenis:  string optional
ID bahasa untuk bahasa yang digunakan untuk menampilkan hasil, jika memungkinkan. Hasil dalam bahasa yang dipilih mungkin diberi peringkat yang lebih tinggi, tetapi saran tidak terbatas pada bahasa ini. Lihat daftar bahasa yang didukung.
Atribut HTML:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
Jenis:  string optional
Kode wilayah yang digunakan untuk pemformatan hasil dan untuk pemfilteran hasil. Hal ini tidak membatasi saran ke negara ini. Kode wilayah menerima nilai dua karakter ccTLD ("domain level teratas"). Umumnya kode ccTLD identik dengan kode ISO 3166-1, dengan beberapa pengecualian. Misalnya, ccTLD Inggris Raya adalah "uk" (.co.uk), sedangkan kode ISO 3166-1-nya adalah "gb" (secara teknis untuk entitas "The United Kingdom of Great Britain and Northern Ireland").
Atribut HTML:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
Jenis:  UnitSystem optional
Sistem satuan yang digunakan untuk menampilkan jarak. Jika tidak ditentukan, sistem unit ditentukan oleh requestedRegion.
Atribut HTML:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
Item dalam drop-down prediksi yang mewakili satu prediksi.
prediction-item-icon
Ikon yang ditampilkan di sebelah kiri setiap item dalam daftar prediksi.
prediction-item-main-text
Bagian item prediksi yang merupakan teks utama prediksi. Untuk lokasi geografis, isinya adalah nama tempat, seperti 'Sydney', atau nama jalan dan nomor rumah, seperti '10 King Street'. Secara default, prediction-item-main-text berwarna hitam. Jika ada teks tambahan dalam prediction-item, teks tersebut berada di luar prediction-item-main-text dan mewarisi gayanya dari prediction-item. Secara default, warnanya abu-abu. Teks tambahan biasanya berupa alamat.
prediction-item-match
Bagian dari prediksi yang dikembalikan sesuai dengan masukan pengguna. Secara default, teks yang cocok ini disorot dalam teks tebal. Perhatikan bahwa teks yang cocok dapat berada di mana saja dalam prediction-item. Class ini belum tentu bagian dari prediction-item-main-text.
prediction-item-selected
Item saat pengguna menavigasi ke item tersebut melalui keyboard. Catatan: Item yang dipilih akan terpengaruh oleh gaya bagian ini dan juga gaya bagian item prediksi.
prediction-list
Elemen visual berisi daftar prediksi yang dikembalikan oleh layanan Place Autocomplete. Daftar ini muncul sebagai daftar dropdown di bawah PlaceAutocompleteElement.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-error
function(errorEvent)
Argumen: 
Peristiwa ini dipicu saat permintaan ke backend ditolak (misalnya, kunci API salah). Peristiwa ini tidak menggelembung.
gmp-select
function(placePredictionSelectEvent)
Argumen: 
Peristiwa ini diaktifkan saat pengguna memilih prediksi tempat. Berisi objek PlacePrediction yang dapat dikonversi menjadi objek Place.

PlaceAutocompleteElementOptions interface

google.maps.places.PlaceAutocompleteElementOptions interface

Opsi untuk membuat PlaceAutocompleteElement. Untuk deskripsi setiap properti, lihat properti dengan nama yang sama di class PlaceAutocompleteElement.

locationBias optional
Jenis:  LocationBias optional
locationRestriction optional
Jenis:  LocationRestriction optional
name optional
Jenis:  string optional
requestedLanguage optional
Jenis:  string optional

PlacePredictionSelectEvent class

Class google.maps.places.PlacePredictionSelectEvent

Peristiwa ini dibuat setelah pengguna memilih item prediksi dengan PlaceAutocompleteElement. Akses pilihan dengan event.placePrediction.

Konversi placePrediction menjadi Place dengan memanggil PlacePrediction.toPlace.

Class ini memperluas Event.

Akses dengan memanggil const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

placePrediction
Konversikan ini menjadi Place dengan memanggil PlacePrediction.toPlace.

PlaceAutocompleteRequestErrorEvent class

Class google.maps.places.PlaceAutocompleteRequestErrorEvent

Peristiwa ini dipancarkan oleh PlaceAutocompleteElement saat ada masalah dengan permintaan jaringan.

Class ini memperluas Event.

Akses dengan memanggil const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceContextualElement class

Class google.maps.places.PlaceContextualElement

Widget yang menggunakan token konteks untuk menampilkan tampilan kontekstual respons Perujukan dengan Google Maps.

Elemen kustom:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceContextualElementOptions.

Akses dengan memanggil const {PlaceContextualElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

contextToken
Jenis:  string optional
Token konteks.
Atribut HTML:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceContextualElementOptions interface

google.maps.places.PlaceContextualElementOptions interface

Opsi untuk PlaceContextualElement.

contextToken optional
Jenis:  string optional
Token konteks yang diberikan oleh respons Perujukan dengan Google Maps.

PlaceContextualListConfigElement class

Class google.maps.places.PlaceContextualListConfigElement

Elemen HTML yang mengonfigurasi opsi untuk tampilan daftar Elemen Kontekstual Tempat.

Elemen kustom:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceContextualListConfigElementOptions.

Akses dengan memanggil const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

layout
Jenis:  PlaceContextualListLayout optional
Tata letak.
Atribut HTML:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
Jenis:  boolean optional
Apakah peta disembunyikan.
Atribut HTML:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceContextualListConfigElementOptions interface

google.maps.places.PlaceContextualListConfigElementOptions interface

Opsi untuk PlaceContextualListConfigElement.

layout optional
Jenis:  PlaceContextualListLayout optional
Tata letak. Default-nya adalah PlaceContextualListLayout.VERTICAL.
mapHidden optional
Jenis:  boolean optional
Apakah peta disembunyikan. Defaultnya adalah menampilkan peta (nilai salah).

Konstanta PlaceContextualListLayout

google.maps.places.PlaceContextualListLayout konstanta

Daftar tata letak yang didukung Elemen Kontekstual Tempat untuk tampilan daftar.

Akses dengan memanggil const {PlaceContextualListLayout} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

COMPACT Tata letak daftar ringkas: item daftar dirender sebagai link di satu baris, dengan item yang tidak muat dalam daftar dropdown.
VERTICAL Tata letak daftar vertikal: item daftar dirender sebagai kartu dalam daftar vertikal.

Kelas PlaceDetailsElement

Class google.maps.places.PlaceDetailsElement

Elemen HTML yang menampilkan detail tempat. Gunakan metode configureFromPlace() atau configureFromLocation() untuk menentukan konten yang akan dirender. Untuk menggunakan Elemen Detail Tempat, aktifkan Places UI Kit API untuk project Anda di konsol Google Cloud.

Elemen kustom:
<gmp-place-details size="small"></gmp-place-details>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceDetailsElementOptions.

Akses dengan memanggil const {PlaceDetailsElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceDetailsElement
PlaceDetailsElement([options])
Parameter: 
place
Jenis:  Place optional
Hanya baca. Objek Place yang berisi ID, lokasi, dan area tampilan tempat yang saat ini dirender.
size
Jenis:  PlaceDetailsSize optional
Varian ukuran PlaceDetailsElement. Secara default, elemen akan menampilkan PlaceDetailsSize.X_LARGE.
Atribut HTML:
  • <gmp-place-details size="small"></gmp-place-details>
  • <gmp-place-details size="medium"></gmp-place-details>
  • <gmp-place-details size="large"></gmp-place-details>
  • <gmp-place-details size="x-large"></gmp-place-details>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
configureFromLocation
configureFromLocation(location)
Parameter: 
Nilai yang Ditampilkan:  Promise<void> Promise yang diselesaikan setelah data tempat dimuat dan dirender.
Mengonfigurasi widget dari LatLng menggunakan geocoding terbalik.
configureFromPlace
configureFromPlace(place)
Parameter: 
  • placePlace|{id:string} Tempat untuk merender detail.
Nilai yang Ditampilkan:  Promise<void> Promise yang diselesaikan setelah data tempat dimuat dan dirender.
Mengonfigurasi widget dari objek Place atau ID Tempat.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-load
function(event)
Argumen: 
Peristiwa ini dipicu saat elemen memuat dan merender kontennya. Peristiwa ini tidak menggelembung.
gmp-requesterror
function(event)
Argumen: 
Peristiwa ini dipicu saat permintaan ke backend ditolak (misalnya, kunci API salah). Peristiwa ini tidak menggelembung.

PlaceDetailsElementOptions interface

google.maps.places.PlaceDetailsElementOptions interface

Opsi untuk PlaceDetailsElement.

size optional
Jenis:  PlaceDetailsSize optional

PlaceDetailsSize constants

google.maps.places.PlaceDetailsSize konstanta

Varian ukuran untuk PlaceDetailsElement.

Akses dengan memanggil const {PlaceDetailsSize} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

LARGE Varian besar yang mencakup gambar besar, informasi dasar, dan informasi kontak.
MEDIUM Varian sedang yang menyertakan gambar besar dan informasi dasar.
SMALL Varian kecil yang menyertakan gambar kecil dan informasi dasar.
X_LARGE Varian sangat besar yang mencakup kolase foto, ulasan, dan informasi tempat yang komprehensif.

Kelas PlaceDetailsCompactElement

Class google.maps.places.PlaceDetailsCompactElement

Menampilkan detail tempat dalam tata letak ringkas. Tambahkan PlaceDetailsPlaceRequestElement untuk menentukan tempat yang akan dirender. Tambahkan PlaceContentConfigElement, PlaceStandardContentElement, atau PlaceAllContentElement untuk menentukan konten yang akan dirender.

Untuk menggunakan elemen ini, aktifkan Places UI Kit API untuk project Anda di konsol Google Cloud.

Elemen kustom:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceDetailsCompactElementOptions.

Akses dengan memanggil const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
Parameter: 
orientation
Jenis:  PlaceDetailsOrientation optional
Default: PlaceDetailsOrientation.VERTICAL
Varian orientasi (vertikal atau horizontal) elemen.
Atribut HTML:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
Jenis:  Place optional
Hanya baca. Objek tempat yang berisi ID, lokasi, dan area tampilan tempat yang saat ini dirender.
truncationPreferred
Jenis:  boolean
Default: false
Jika benar (true), memangkas nama dan alamat tempat agar muat dalam satu baris, bukan dilipat.
Atribut HTML:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--gmp-mat-color-info
Warna elemen UI dengan sentimen informasi. Digunakan untuk ikon kursi roda.
--gmp-mat-color-negative
Warna elemen UI dengan sentimen negatif. Digunakan untuk teks "Tutup" dalam status buka sekarang.
--gmp-mat-color-neutral-container
Warna penampung untuk elemen UI yang diisi netral. Digunakan untuk placeholder gambar.
--gmp-mat-color-on-secondary-container
Warna teks dan ikon terhadap warna penampung sekunder. Digunakan untuk teks dan ikon pada tombol "Buka di Maps".
--gmp-mat-color-on-surface
Warna untuk teks dan ikon terhadap warna platform apa pun. Digunakan untuk teks biasa.
--gmp-mat-color-on-surface-variant
Warna dengan penekanan lebih rendah untuk teks dan ikon dengan warna permukaan apa pun. Digunakan untuk teks yang kurang ditekankan.
--gmp-mat-color-outline-decorative
Warna garis batas elemen non-interaktif. Digunakan untuk batas elemen.
--gmp-mat-color-positive
Warna elemen UI dengan sentimen positif. Digunakan untuk teks "Buka" dalam status buka sekarang.
--gmp-mat-color-primary
Warna teks dan ikon interaktif terhadap warna permukaan. Digunakan untuk jumlah dan link ulasan dalam dialog atribusi.
--gmp-mat-color-secondary-container
Warna pengisi yang kurang terlihat dibandingkan dengan permukaan, untuk komponen resesif seperti tombol tonal. Digunakan untuk latar belakang tombol "Buka di Maps".
--gmp-mat-color-surface
Warna untuk latar belakang. Digunakan untuk latar belakang elemen dan dialog atribusi.
--gmp-mat-font-body-medium
Digunakan untuk teks isi dalam dialog atribusi.
--gmp-mat-font-body-small
Digunakan untuk alamat tempat, rating, jenis, harga, dan status buka sekarang.
--gmp-mat-font-family
Jenis font dasar yang digunakan untuk semua teks.
--gmp-mat-font-headline-medium
Digunakan untuk teks judul dalam dialog atribusi.
--gmp-mat-font-label-large
Digunakan untuk tombol "Buka di Maps" dan link dalam dialog atribusi.
--gmp-mat-font-title-small
Digunakan untuk nama tempat.
background-color
Mengganti warna latar belakang elemen.
border
Menggantikan batas elemen.
border-radius
Mengganti radius batas elemen.
color-scheme
Menunjukkan skema warna yang dapat digunakan untuk merender elemen ini. Lihat dokumentasi color-scheme untuk mengetahui detail selengkapnya. Default-nya adalah color-scheme: light dark.
font-size
Menskalakan semua teks dan ikon dalam elemen, yang ditentukan secara internal dalam em. Default-nya adalah 16px.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-error
function(event)
Argumen: 
Peristiwa ini dipicu saat permintaan ke backend ditolak (misalnya, kunci API salah). Peristiwa ini tidak menggelembung.
gmp-load
function(event)
Argumen: 
Peristiwa ini dipicu saat elemen memuat dan merender kontennya. Peristiwa ini tidak menggelembung.

PlaceDetailsCompactElementOptions interface

google.maps.places.PlaceDetailsCompactElementOptions interface

Opsi untuk PlaceDetailsCompactElement.

orientation optional
Jenis:  PlaceDetailsOrientation optional
truncationPreferred optional
Jenis:  boolean optional

Konstanta PlaceDetailsOrientation

google.maps.places.PlaceDetailsOrientation konstanta

Varian orientasi untuk PlaceDetailsCompactElement.

Akses dengan memanggil const {PlaceDetailsOrientation} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

HORIZONTAL Orientasi horizontal.
VERTICAL Orientasi vertikal.

Class PlaceDetailsPlaceRequestElement

Class google.maps.places.PlaceDetailsPlaceRequestElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk memuat data berdasarkan objek tempat, ID, atau nama resource. Tambahkan elemen ini sebagai turunan PlaceDetailsCompactElement untuk memuat data tempat yang ditentukan.

Elemen kustom:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceDetailsPlaceRequestElementOptions.

Akses dengan memanggil const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
Parameter: 
place
Jenis:  Place optional
Objek tempat, ID, atau nama resource untuk merender detail di elemen Ringkas Detail Tempat. Properti ini mencerminkan atribut sebagai nama resource.
Atribut HTML:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceDetailsPlaceRequestElementOptions interface

google.maps.places.PlaceDetailsPlaceRequestElementOptions interface

Opsi untuk PlaceDetailsPlaceRequestElement.

place optional
Jenis:  Place|string optional

PlaceContentConfigElement class

Class google.maps.places.PlaceContentConfigElement

Mengonfigurasi konten yang akan ditampilkan oleh elemen Ringkas Detail Tempat. Tambahkan elemen ini sebagai turunan PlaceDetailsCompactElement untuk menggunakannya. Tambahkan salah satu elemen berikut ke PlaceContentConfigElement untuk menampilkan konten yang sesuai:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
Urutan elemen turunan tidak penting; elemen merender konten dalam urutan standar yang tidak dapat disesuaikan.

Elemen kustom:
<gmp-place-content-config></gmp-place-content-config>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceContentConfigElementOptions.

Akses dengan memanggil const {PlaceContentConfigElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceContentConfigElement
PlaceContentConfigElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceContentConfigElementOptions interface

google.maps.places.PlaceContentConfigElementOptions interface

Opsi untuk PlaceContentConfigElement.

PlaceMediaElement class

Class google.maps.places.PlaceMediaElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan media tempat, seperti foto. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-media lightbox-preferred></gmp-place-media>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceMediaElementOptions.

Akses dengan memanggil const {PlaceMediaElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceMediaElement
PlaceMediaElement([options])
Parameter: 
lightboxPreferred
Jenis:  boolean optional
Default: false
Apakah akan mengaktifkan atau menonaktifkan lightbox media, jika kedua opsi didukung.
Atribut HTML:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceMediaElementOptions interface

google.maps.places.PlaceMediaElementOptions interface

Opsi untuk PlaceMediaElement.

lightboxPreferred optional
Jenis:  boolean optional

PlaceAddressElement class

Class google.maps.places.PlaceAddressElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan alamat tempat. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-address></gmp-place-address>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceAddressElementOptions.

Akses dengan memanggil const {PlaceAddressElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceAddressElement
PlaceAddressElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceAddressElementOptions interface

google.maps.places.PlaceAddressElementOptions interface

Opsi untuk PlaceAddressElement.

PlaceRatingElement class

Class google.maps.places.PlaceRatingElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan rating tempat. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-rating></gmp-place-rating>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceRatingElementOptions.

Akses dengan memanggil const {PlaceRatingElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceRatingElement
PlaceRatingElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka PlaceRatingElementOptions

google.maps.places.PlaceRatingElementOptions interface

Opsi untuk PlaceRatingElement.

PlaceTypeElement class

Class google.maps.places.PlaceTypeElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan jenis tempat. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-type></gmp-place-type>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceTypeElementOptions.

Akses dengan memanggil const {PlaceTypeElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceTypeElement
PlaceTypeElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceTypeElementOptions interface

google.maps.places.PlaceTypeElementOptions interface

Opsi untuk PlaceTypeElement.

PlacePriceElement class

Class google.maps.places.PlacePriceElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan tingkat harga atau rentang harga suatu tempat. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-price></gmp-place-price>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlacePriceElementOptions.

Akses dengan memanggil const {PlacePriceElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlacePriceElement
PlacePriceElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlacePriceElementOptions interface

google.maps.places.PlacePriceElementOptions interface

Opsi untuk PlacePriceElement.

Kelas PlaceAccessibleEntranceIconElement

Class google.maps.places.PlaceAccessibleEntranceIconElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan ikon kursi roda jika tempat memiliki pintu masuk yang dapat diakses. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceAccessibleEntranceIconElementOptions.

Akses dengan memanggil const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceAccessibleEntranceIconElementOptions interface

google.maps.places.PlaceAccessibleEntranceIconElementOptions interface

Opsi untuk PlaceAccessibleEntranceIconElement.

Class PlaceOpenNowStatusElement

Class google.maps.places.PlaceOpenNowStatusElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan status buka atau tutup tempat saat ini. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya.

Elemen kustom:
<gmp-place-open-now-status></gmp-place-open-now-status>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceOpenNowStatusElementOptions.

Akses dengan memanggil const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceOpenNowStatusElementOptions interface

google.maps.places.PlaceOpenNowStatusElementOptions interface

Opsi untuk PlaceOpenNowStatusElement.

Kelas PlaceAttributionElement

Class google.maps.places.PlaceAttributionElement

Memungkinkan penyesuaian teks atribusi Google Maps dalam elemen Ringkas Detail Tempat. Tambahkan elemen ini sebagai turunan PlaceContentConfigElement untuk menggunakannya. Jika elemen ini tidak disertakan, atribusi akan tetap ditampilkan dengan warna default.

Elemen kustom:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceAttributionElementOptions.

Akses dengan memanggil const {PlaceAttributionElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceAttributionElement
PlaceAttributionElement([options])
Parameter: 
darkSchemeColor
Jenis:  AttributionColor optional
Default: AttributionColor.WHITE
Warna atribusi Google Maps dalam mode gelap.
Atribut HTML:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
Jenis:  AttributionColor optional
Default: AttributionColor.GRAY
Warna atribusi Google Maps dalam mode terang.
Atribut HTML:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceAttributionElementOptions interface

google.maps.places.PlaceAttributionElementOptions interface

Opsi untuk PlaceAttributionElement.

darkSchemeColor optional
Jenis:  AttributionColor optional
lightSchemeColor optional
Jenis:  AttributionColor optional

Konstanta AttributionColor

google.maps.places.AttributionColor konstanta

Opsi warna untuk teks atribusi Google Maps. Atribusi dapat disesuaikan untuk menggunakan salah satu warna ini.

Akses dengan memanggil const {AttributionColor} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

BLACK Teks atribusi hitam.
GRAY Teks atribusi abu-abu.
WHITE Teks atribusi putih.

Kelas PlaceAllContentElement

Class google.maps.places.PlaceAllContentElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan semua konten yang tersedia. Tambahkan elemen ini sebagai turunan PlaceDetailsCompactElement untuk menggunakannya.

Elemen kustom:
<gmp-place-all-content></gmp-place-all-content>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceAllContentElementOptions.

Akses dengan memanggil const {PlaceAllContentElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceAllContentElement
PlaceAllContentElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceAllContentElementOptions interface

google.maps.places.PlaceAllContentElementOptions interface

Opsi untuk PlaceAllContentElement.

PlaceStandardContentElement class

Class google.maps.places.PlaceStandardContentElement

Mengonfigurasi elemen Ringkas Detail Tempat untuk menampilkan kumpulan konten standar (media, rating, jenis, harga, ikon pintu masuk yang dapat diakses, dan status buka sekarang). Tambahkan elemen ini sebagai turunan PlaceDetailsCompactElement untuk menggunakannya.

Elemen kustom:
<gmp-place-standard-content></gmp-place-standard-content>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceStandardContentElementOptions.

Akses dengan memanggil const {PlaceStandardContentElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceStandardContentElement
PlaceStandardContentElement([options])
Parameter: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

PlaceStandardContentElementOptions interface

google.maps.places.PlaceStandardContentElementOptions interface

Opsi untuk PlaceStandardContentElement.

Class PlaceListElement

Class google.maps.places.PlaceListElement

Elemen HTML yang menampilkan hasil penelusuran tempat dalam daftar. Gunakan metode configureFromSearchByTextRequest() atau configureFromSearchNearbyRequest() untuk menentukan permintaan untuk merender hasil. Untuk menggunakan Elemen Daftar Tempat, aktifkan Places UI Kit API untuk project Anda di Konsol Google Cloud.

Elemen kustom:
<gmp-place-list selectable></gmp-place-list>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PlaceListElementOptions.

Akses dengan memanggil const {PlaceListElement} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

PlaceListElement
PlaceListElement([options])
Parameter: 
places
Jenis:  Array<Place>
Hanya baca. Array objek Place yang berisi ID, lokasi, dan area tampilan tempat yang saat ini dirender.
selectable
Jenis:  boolean
Apakah item daftar dapat dipilih atau tidak. Jika benar, item daftar akan menjadi tombol yang mengirimkan peristiwa gmp-placeselect saat diklik. Navigasi dan pemilihan keyboard yang dapat diakses juga didukung.
Atribut HTML:
  • <gmp-place-list selectable></gmp-place-list>
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai yang Ditampilkan:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener.
configureFromSearchByTextRequest
configureFromSearchByTextRequest(request)
Parameter: 
  • requestSearchByTextRequest Permintaan untuk merender hasil. Properti fields dari SearchByTextRequest tidak wajib diisi.
Nilai yang Ditampilkan:  Promise<void> Promise yang diselesaikan setelah data tempat dimuat dan dirender.
Mengonfigurasi widget untuk merender hasil penelusuran dari permintaan Places Text Search API.
configureFromSearchNearbyRequest
configureFromSearchNearbyRequest(request)
Parameter: 
  • requestSearchNearbyRequest Permintaan untuk merender hasil. Properti fields dari SearchNearbyRequest tidak wajib diisi.
Nilai yang Ditampilkan:  Promise<void> Promise yang diselesaikan setelah data tempat dimuat dan dirender.
Mengonfigurasi widget untuk merender hasil penelusuran dari permintaan Places Nearby Search API.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listenerEventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi.
Nilai yang Ditampilkan:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-load
function(event)
Argumen: 
Peristiwa ini dipicu saat elemen memuat dan merender kontennya. Peristiwa ini tidak menggelembung.
gmp-placeselect
function(event)
Argumen: 
Peristiwa ini diaktifkan saat pengguna memilih tempat. Berisi objek Place dan indeks tempat yang dipilih dalam daftar.
gmp-requesterror
function(event)
Argumen: 
Peristiwa ini dipicu saat permintaan ke backend ditolak (misalnya, kunci API salah). Peristiwa ini tidak menggelembung.

PlaceListElementOptions interface

google.maps.places.PlaceListElementOptions interface

Opsi untuk PlaceListElement.

selectable optional
Jenis:  boolean optional

PlaceListPlaceSelectEvent class

Class google.maps.places.PlaceListPlaceSelectEvent

Peristiwa ini dipancarkan oleh PlaceListElement saat pengguna memilih tempat.

Class ini memperluas Event.

Akses dengan memanggil const {PlaceListPlaceSelectEvent} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

index
Jenis:  number
Indeks daftar tempat yang dipilih.
place
Jenis:  Place
Objek Place yang berisi ID, lokasi, dan area tampilan tempat yang dipilih.

Autocomplete class

Class google.maps.places.Autocomplete

Widget yang memberikan prediksi Tempat berdasarkan input teks pengguna. Objek ini dilampirkan ke elemen input jenis text, dan memproses entri teks di kolom tersebut. Daftar prediksi ditampilkan sebagai daftar drop-down, dan diperbarui saat teks dimasukkan.

Class ini memperluas MVCObject.

Akses dengan memanggil const {Autocomplete} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

Autocomplete
Autocomplete(inputField[, opts])
Parameter: 
Membuat instance Autocomplete baru yang dilampirkan ke kolom teks input yang ditentukan dengan opsi yang diberikan.
getBounds
getBounds()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  LatLngBounds|undefined Batas bias.
Menampilkan batas tempat prediksi dibiaskan.
getFields
getFields()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  Array<string>|undefined
Menampilkan kolom yang akan disertakan untuk Tempat dalam respons detail saat detail berhasil diambil. Untuk mengetahui daftar kolom, lihat PlaceResult.
getPlace
getPlace()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  PlaceResult Tempat yang dipilih oleh pengguna.
Menampilkan detail Tempat yang dipilih oleh pengguna jika detail berhasil diambil. Jika tidak, akan menampilkan objek Place stub, dengan properti name yang ditetapkan ke nilai kolom input saat ini.
setBounds
setBounds(bounds)
Parameter: 
Nilai yang Ditampilkan:  Tidak Ada
Menetapkan area pilihan untuk menampilkan hasil Tempat. Hasilnya dicondongkan ke, tetapi tidak terbatas pada, area ini.
setComponentRestrictions
setComponentRestrictions(restrictions)
Parameter: 
Nilai yang Ditampilkan:  Tidak Ada
Menetapkan batasan komponen. Pembatasan komponen digunakan untuk membatasi prediksi hanya pada prediksi dalam komponen induk. Misalnya, negara.
setFields
setFields(fields)
Parameter: 
  • fieldsArray<string> optional
Nilai yang Ditampilkan:  Tidak Ada
Menetapkan kolom yang akan disertakan untuk Tempat dalam respons detail saat detail berhasil diambil. Untuk mengetahui daftar kolom, lihat PlaceResult.
setOptions
setOptions(options)
Parameter: 
Nilai yang Ditampilkan:  Tidak Ada
setTypes
setTypes(types)
Parameter: 
  • typesArray<string> optional Jenis prediksi yang akan disertakan.
Nilai yang Ditampilkan:  Tidak Ada
Menetapkan jenis prediksi yang akan ditampilkan. Untuk jenis yang didukung, lihat panduan developer. Jika tidak ada jenis yang ditentukan, semua jenis akan ditampilkan.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
place_changed
function()
Argumen:  Tidak ada
Peristiwa ini diaktifkan saat PlaceResult tersedia untuk Tempat yang telah dipilih pengguna.
Jika pengguna memasukkan nama Tempat yang tidak disarankan oleh kontrol dan menekan tombol Enter, atau jika permintaan Detail Tempat gagal, PlaceResult akan berisi input pengguna dalam properti name, tanpa properti lain yang ditentukan.

Antarmuka AutocompleteOptions

google.maps.places.AutocompleteOptions interface

Opsi yang dapat ditetapkan pada objek Autocomplete.

bounds optional
Area untuk menelusuri tempat.
componentRestrictions optional
Jenis:  ComponentRestrictions optional
Batasan komponen. Pembatasan komponen digunakan untuk membatasi prediksi hanya pada prediksi dalam komponen induk. Misalnya, negara.
fields optional
Jenis:  Array<string> optional
Kolom yang akan disertakan untuk Tempat dalam respons detail saat detail berhasil diambil, yang akan ditagih. Jika ['ALL'] diteruskan, semua kolom yang tersedia akan ditampilkan dan ditagih (hal ini tidak direkomendasikan untuk deployment produksi). Untuk mengetahui daftar kolom, lihat PlaceResult. Kolom bertingkat dapat ditentukan dengan jalur titik (misalnya, "geometry.location"). Defaultnya adalah ['ALL'].
placeIdOnly optional
Jenis:  boolean optional
Apakah hanya mengambil ID Tempat. PlaceResult yang tersedia saat peristiwa place_changed diaktifkan hanya akan memiliki kolom place_id, types, dan name, dengan place_id, types, dan description yang ditampilkan oleh layanan Autocomplete. Dinonaktifkan secara default.
strictBounds optional
Jenis:  boolean optional
Nilai boolean, yang menunjukkan bahwa widget Autocomplete hanya boleh menampilkan tempat yang berada dalam batas widget Autocomplete pada saat kueri dikirim. Menetapkan strictBounds ke false (yang merupakan default) akan membuat hasil dicondongkan ke, tetapi tidak terbatas pada, tempat yang berada dalam batas.
types optional
Jenis:  Array<string> optional
Jenis prediksi yang akan ditampilkan. Untuk jenis yang didukung, lihat panduan developer. Jika tidak ada jenis yang ditentukan, semua jenis akan ditampilkan.

Class google.maps.places.SearchBox

Widget yang memberikan prediksi kueri berdasarkan input teks pengguna. Objek ini dilampirkan ke elemen input jenis text, dan memproses entri teks di kolom tersebut. Daftar prediksi ditampilkan sebagai daftar drop-down, dan diperbarui saat teks dimasukkan.

Class ini memperluas MVCObject.

Akses dengan memanggil const {SearchBox} = await google.maps.importLibrary("places").
Lihat Library di Maps JavaScript API.

SearchBox
SearchBox(inputField[, opts])
Parameter: 
Membuat instance SearchBox baru yang dilampirkan ke kolom teks input yang ditentukan dengan opsi yang diberikan.
getBounds
getBounds()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  LatLngBounds|undefined
Menampilkan batas yang menjadi bias prediksi kueri.
getPlaces
getPlaces()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  Array<PlaceResult>|undefined
Menampilkan kueri yang dipilih oleh pengguna untuk digunakan dengan peristiwa places_changed.
setBounds
setBounds(bounds)
Parameter: 
Nilai yang Ditampilkan:  Tidak Ada
Menetapkan region yang akan digunakan untuk memengaruhi prediksi kueri. Hasil hanya akan dicondongkan ke area ini dan tidak sepenuhnya dibatasi untuk area ini.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
places_changed
function()
Argumen:  Tidak ada
Peristiwa ini diaktifkan saat pengguna memilih kueri, getPlaces harus digunakan untuk mendapatkan tempat baru.

SearchBoxOptions interface

google.maps.places.SearchBoxOptions interface

Opsi yang dapat ditetapkan pada objek SearchBox.

bounds optional
Area yang akan memengaruhi prediksi kueri. Prediksi dibiaskan terhadap, tetapi tidak terbatas pada, kueri yang menargetkan batas ini.