Dengan library komponen Places UI Kit, Anda dapat menghadirkan pengalaman pengguna Google Maps yang sudah dikenal untuk Tempat ke aplikasi dan halaman web Anda, menggunakan data yang sama 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 Tempat dengan biaya dan kode minimal.
Kit UI Places menyertakan elemen HTML berikut untuk merender data Tempat:
- Elemen Place Details merender detail seperti jam buka, situs, dan ulasan untuk tempat yang dipilih.
- Advanced Place Details Elements memperluas Place Details Elements, 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 di sekitar atau penelusuran teks.
- Elemen Place Search Lanjutan memperluas Elemen Place Search, sehingga Anda dapat mengonfigurasi tombol tindakan dan menerapkan opsi penelusuran dan pemfilteran ke ulasan dan media.
- Elemen Daftar Tempat Lanjutan merender kumpulan tempat dalam daftar berdasarkan kumpulan ID Tempat, serta mendukung tombol kustom dan pemfilteran.
- 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
- Gabungkan pengalaman tepercaya Google, dimulai dengan kode minimal.
- Hadirkan UI Google Maps untuk Tempat ke aplikasi Anda dengan biaya yang lebih rendah daripada Places API.
- Pilih opsi data dan tampilan yang paling sesuai dengan kebutuhan Anda.
Places UI Kit Essentials dan Pro
Places UI Kit menawarkan dua paket: Essentials dan Pro. Paket Essentials Kit UI Tempat menawarkan komponen Place Details, Basic Place Autocomplete, dan Place Search. Paket Pro menawarkan komponen Advanced Place Details, Advanced Place Search, dan Advanced Place List, yang menyediakan fungsi yang sama dengan komponen paket Essentials, tetapi dengan lebih banyak opsi penyesuaian dan fitur lanjutan.
Tabel di bawah memberikan perbandingan mendetail antara paket Essentials dan Pro Places UI Kit:
| 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 pokok yang diperlukan untuk memberikan respons. Misalnya, Nearby Search Kit UI Places tidak akan menimbulkan biaya tambahan untuk menampilkan foto setiap tempat.