Class PlaceAutocompleteElement
Class
google.maps.places.PlaceAutocompleteElement
Implementasi AutocompleteView untuk Places API
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 | |
---|---|
element optional |
Jenis:
HTMLElement|SVGElement optional Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan. |
inputElement |
Jenis:
HTMLInputElement Elemen input yang akan menampilkan pelengkapan otomatis. |
Diwariskan:
componentRestrictions ,
locationBias ,
locationRestriction ,
requestedLanguage ,
requestedRegion ,
types
|
Metode | |
---|---|
addListener |
addListener(eventName, handler) Parameter:
Nilai Hasil:
MapsEventListener Menambahkan fungsi pemroses yang diberikan ke nama peristiwa yang diberikan. |
Acara | |
---|---|
gmp-placeselect |
function(place) Argumen:
Peristiwa ini dijalankan saat pengguna memilih prediksi tempat. Menampilkan Objek Tempat. |
gmp-requesterror |
function() Argumen: Tidak ada
Peristiwa ini dijalankan saat permintaan ke backend ditolak (misalnya kunci API salah). Acara ini tidak melakukan balon. |
Antarmuka PlaceAutocompleteElementOptions
Antarmuka
google.maps.places.PlaceAutocompleteElementOptions
Opsi untuk membuat PlaceAutocompleteElement.
Properti | |
---|---|
inputElement |
Jenis:
HTMLInputElement Elemen input yang akan menampilkan pelengkapan otomatis. |
componentRestrictions optional |
Jenis:
ComponentRestrictions optional Pembatasan komponen. Batasan komponen digunakan untuk membatasi prediksi hanya pada prediksi di dalam komponen induk. Misalnya, negara. |
element optional |
Jenis:
HTMLElement|SVGElement optional Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan. |
locationBias optional |
Jenis:
LocationBias optional Batas atau petunjuk lembut yang digunakan saat menelusuri tempat. |
locationRestriction optional |
Jenis:
LocationRestriction optional Batas untuk membatasi hasil penelusuran. |
requestedLanguage optional |
Jenis:
string optional ID bahasa untuk bahasa yang akan ditampilkan hasil, jika memungkinkan. Hasil dalam bahasa yang dipilih mungkin diberi peringkat yang lebih tinggi, tetapi saran tidak dibatasi untuk bahasa ini. Lihat daftar bahasa yang didukung. |
requestedRegion optional |
Jenis:
string optional Kode wilayah yang digunakan untuk pemformatan hasil dan untuk pemfilteran hasil. Tindakan ini tidak membatasi saran hanya 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 "Inggris Raya dan Irlandia Utara"). |
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 Autocomplete
Class
google.maps.places.Autocomplete
Widget yang memberikan prediksi Tempat berdasarkan input teks pengguna. Teks ini dilampirkan ke elemen input jenis text
, dan memproses entri teks di kolom tersebut. Daftar prediksi ditampilkan sebagai menu 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 Hasil:
LatLngBounds|undefined Batas bias.Menampilkan batas yang biasnya bias. |
getFields |
getFields() Parameter: Tidak ada
Nilai Hasil:
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 Hasil: Tidak ada
Menetapkan area pilihan untuk menampilkan hasil Tempat. Hasilnya dibiaskan terhadap, namun tidak terbatas pada, area ini. |
setComponentRestrictions |
setComponentRestrictions(restrictions) Parameter:
Nilai Hasil: Tidak ada
Menetapkan pembatasan komponen. Batasan komponen digunakan untuk membatasi prediksi hanya pada prediksi di dalam komponen induk. Misalnya, negara. |
setFields |
setFields(fields) Parameter:
Nilai Hasil: 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 Hasil: Tidak ada
|
setTypes |
setTypes(types) Parameter:
Nilai Hasil: 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 disediakan untuk Tempat yang dipilih pengguna. Jika pengguna memasukkan nama Tempat yang tidak disarankan oleh kontrol dan menekan tombol Enter, atau jika permintaan Place Details gagal, PlaceResult akan berisi input pengguna di properti name , tanpa properti lain yang ditentukan. |
Antarmuka AutocompleteOptions
Antarmuka
google.maps.places.AutocompleteOptions
Opsi yang dapat ditetapkan pada objek Autocomplete
.
Properti | |
---|---|
bounds optional |
Jenis:
LatLngBounds|LatLngBoundsLiteral optional Area untuk menelusuri tempat. |
componentRestrictions optional |
Jenis:
ComponentRestrictions optional Pembatasan komponen. Batasan komponen digunakan untuk membatasi prediksi hanya pada prediksi di 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" ). Nilai default-nya adalah ['ALL'] . |
|
Jenis:
boolean optional Apakah hanya akan mengambil ID Tempat atau tidak. PlaceResult yang disediakan saat peristiwa place_changed diaktifkan hanya akan memiliki kolom place_id, type, dan name, dengan place_id, jenis, dan deskripsi 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 dibiaskan terhadap, tetapi tidak terbatas pada, tempat yang terdapat 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. Teks ini dilampirkan ke elemen input jenis text
, dan memproses entri teks di kolom tersebut. Daftar prediksi ditampilkan sebagai menu 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 Hasil:
LatLngBounds|undefined Menampilkan batas yang membiaskan prediksi kueri. |
getPlaces |
getPlaces() Parameter: Tidak ada
Nilai Hasil:
Array<PlaceResult>|undefined Menampilkan kueri yang dipilih oleh pengguna untuk digunakan dengan peristiwa places_changed . |
setBounds |
setBounds(bounds) Parameter:
Nilai Hasil: Tidak ada
Menetapkan wilayah yang akan digunakan untuk bias kueri kueri. Hasilnya hanya akan dibiaskan terhadap area ini dan tidak dibatasi sepenuhnya. |
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. |
Antarmuka SearchBoxOptions
Antarmuka
google.maps.places.SearchBoxOptions
Opsi yang dapat ditetapkan pada objek SearchBox
.
Properti | |
---|---|
bounds optional |
Jenis:
LatLngBounds|LatLngBoundsLiteral optional Area yang akan digunakan untuk membiaskan prediksi kueri. Prediksi bias terhadap, tetapi tidak terbatas pada, kueri yang menargetkan batas tersebut. |