Library komponen Places UI Kit memungkinkan Anda menghadirkan pengalaman pengguna Google Maps yang familiar untuk Places ke aplikasi dan halaman web, menggunakan data yang sama dengan yang mendukung Places API. Library ini mencakup komponen UI individual yang dapat digunakan secara independen, bersama-sama, atau bersama dengan Google Maps Platform API lainnya untuk memberikan pengalaman yang kaya akan Places dengan biaya dan kode minimal.
Places UI Kit mencakup elemen HTML berikut untuk merender data Places:
- Elemen Place Details merender detail seperti jam buka, situs, dan ulasan untuk tempat yang dipilih.
- Elemen Place Details Lanjutan (pratinjau) memperluas Elemen Place Details, sehingga Anda dapat mengonfigurasi tombol tindakan dan menerapkan opsi penelusuran dan pemfilteran ke ulasan dan media.
- Elemen Place Search merender daftar tempat sebagai respons terhadap kueri penelusuran terdekat atau penelusuran teks.
- Elemen Place Search Lanjutan (pratinjau) memperluas Elemen Place Search, sehingga Anda dapat mengonfigurasi tombol tindakan dan menerapkan opsi penelusuran dan pemfilteran ke ulasan dan media.
- Elemen Daftar Tempat Lanjutan (pratinjau) merender kumpulan tempat dalam daftar yang diberi kumpulan ID Tempat, dan juga mendukung tombol dan pemfilteran kustom.
- Elemen Place Autocomplete Dasar merender kolom input teks, memberikan prediksi tempat dalam daftar pilihan UI, dan menampilkan ID tempat untuk tempat yang dipilih.
Fitur dan kemampuan utama
- Menggabungkan pengalaman tepercaya Google yang dimulai dengan kode minimal.
- Menghadirkan UI Google Maps untuk Places ke aplikasi Anda dengan biaya lebih rendah daripada Places API.
- Memilih opsi data dan tampilan yang paling sesuai dengan kebutuhan Anda.
Places UI Kit Essentials dan Pro
Places UI Kit menawarkan dua tingkat: Essentials dan Pro. Tingkat Places UI Kit Essentials menawarkan komponen Place Details, Place Autocomplete Dasar, dan Place Search. Tingkat Pro menawarkan komponen Place Details Lanjutan, Place Search Lanjutan, dan Daftar Tempat Lanjutan, yang menyediakan fungsi yang sama dengan komponen tingkat Essentials, tetapi dengan lebih banyak opsi penyesuaian dan fitur lanjutan.
Tabel di bawah memberikan perbandingan mendetail antara tingkat Places UI Kit Essentials dan Pro:
| Kemampuan | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| Low-code | ||
| Penyesuaian gaya | ||
| Konfigurasi konten | ||
| Place Details | ||
| Foto dan ulasan | ||
| Konfigurasi foto dan ulasan | ||
| Konfigurasi tombol | ||
| Daftar tempat kustom |
Penagihan
Elemen berikut menagih SKU Places UI Kit Pro:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
Kueri Places UI Kit ditagih per pembuatan instance komponen, bukan berdasarkan data Places API yang disertakan dalam respons. Tidak ada biaya tambahan yang terkait dengan panggilan API dasar yang diperlukan untuk memberikan respons. Misalnya, Places UI Kit Nearby Search tidak akan membuat biaya tambahan untuk menampilkan foto setiap tempat.