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.
Konstruktor | |
---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options) Parameter:
|
Properti | |
---|---|
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:
|
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:
|
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:
|
origin |
Jenis:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Asal untuk menghitung jarak. Jika tidak ditentukan, jarak tidak dihitung. Ketinggian, jika diberikan, tidak digunakan dalam penghitungan.
Atribut HTML:
|
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:
|
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:
|
unitSystem |
Jenis:
UnitSystem optional Sistem satuan yang digunakan untuk menampilkan jarak. Jika tidak ditentukan, sistem unit ditentukan oleh requestedRegion.
Atribut HTML:
|
Suku cadang | |
---|---|
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. |
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener. |
Acara | |
---|---|
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.
Properti | |
---|---|
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.
Properti | |
---|---|
placePrediction |
Jenis:
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.
Properti | |
---|---|
contextToken |
Jenis:
string optional Token konteks.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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
.
Properti | |
---|---|
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.
Properti | |
---|---|
layout |
Jenis:
PlaceContextualListLayout optional Tata letak.
Atribut HTML:
|
mapHidden |
Jenis:
boolean optional Apakah peta disembunyikan.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Properti | |
---|---|
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.
Konstanta | |
---|---|
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.
Konstruktor | |
---|---|
PlaceDetailsElement |
PlaceDetailsElement([options]) Parameter:
|
Properti | |
---|---|
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:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
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:
Nilai yang Ditampilkan:
Promise<void> Promise yang diselesaikan setelah data tempat dimuat dan dirender.Mengonfigurasi widget dari objek Place atau ID Tempat. |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener. |
Acara | |
---|---|
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
.
Properti | |
---|---|
size optional |
Jenis:
PlaceDetailsSize optional Lihat PlaceDetailsElement.size |
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.
Konstanta | |
---|---|
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.
Konstruktor | |
---|---|
PlaceDetailsCompactElement |
PlaceDetailsCompactElement([options]) Parameter:
|
Properti | |
---|---|
orientation |
Jenis:
PlaceDetailsOrientation optional Default:
PlaceDetailsOrientation.VERTICAL Varian orientasi (vertikal atau horizontal) elemen.
Atribut HTML:
|
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:
|
Properti CSS | |
---|---|
--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 . |
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener. |
Acara | |
---|---|
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
.
Properti | |
---|---|
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.
Konstanta | |
---|---|
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.
Konstruktor | |
---|---|
PlaceDetailsPlaceRequestElement |
PlaceDetailsPlaceRequestElement([options]) Parameter:
|
Properti | |
---|---|
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:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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
.
Properti | |
---|---|
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.
Konstruktor | |
---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceMediaElement |
PlaceMediaElement([options]) Parameter:
|
Properti | |
---|---|
lightboxPreferred |
Jenis:
boolean optional Default:
false Apakah akan mengaktifkan atau menonaktifkan lightbox media, jika kedua opsi didukung.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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
.
Properti | |
---|---|
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.
Konstruktor | |
---|---|
PlaceAddressElement |
PlaceAddressElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceRatingElement |
PlaceRatingElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceTypeElement |
PlaceTypeElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlacePriceElement |
PlacePriceElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceAttributionElement |
PlaceAttributionElement([options]) Parameter:
|
Properti | |
---|---|
darkSchemeColor |
Jenis:
AttributionColor optional Default:
AttributionColor.WHITE Warna atribusi Google Maps dalam mode gelap.
Atribut HTML:
|
lightSchemeColor |
Jenis:
AttributionColor optional Default:
AttributionColor.GRAY Warna atribusi Google Maps dalam mode terang.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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
.
Properti | |
---|---|
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.
Konstanta | |
---|---|
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.
Konstruktor | |
---|---|
PlaceAllContentElement |
PlaceAllContentElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options]) Parameter:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
|
removeEventListener(type, listener[, options]) Parameter:
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.
Konstruktor | |
---|---|
PlaceListElement |
PlaceListElement([options]) Parameter:
|
Properti | |
---|---|
places |
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:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirimkan ke target. Lihat addEventListener. |
configureFromSearchByTextRequest |
configureFromSearchByTextRequest(request) Parameter:
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:
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. |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai yang Ditampilkan:
void Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener. |
Acara | |
---|---|
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
.
Properti | |
---|---|
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.
Properti | |
---|---|
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.
Konstruktor | |
---|---|
Autocomplete |
Autocomplete(inputField[, opts]) Parameter:
Membuat instance Autocomplete baru yang dilampirkan ke kolom teks input yang ditentukan dengan opsi yang diberikan. |
Metode | |
---|---|
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:
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:
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
|
Acara | |
---|---|
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
.
Properti | |
---|---|
bounds optional |
Jenis:
LatLngBounds|LatLngBoundsLiteral 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'] . |
|
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 SearchBox
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.
Konstruktor | |
---|---|
SearchBox |
SearchBox(inputField[, opts]) Parameter:
Membuat instance SearchBox baru yang dilampirkan ke kolom teks input yang ditentukan dengan opsi yang diberikan. |
Metode | |
---|---|
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
|
Acara | |
---|---|
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
.
Properti | |
---|---|
bounds optional |
Jenis:
LatLngBounds|LatLngBoundsLiteral optional Area yang akan memengaruhi prediksi kueri. Prediksi dibiaskan terhadap, tetapi tidak terbatas pada, kueri yang menargetkan batas ini. |