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 dengan yang mendukung Places API. Komponen ini mencakup komponen UI individual yang dapat digunakan secara terpisah, bersama-sama, atau bersama dengan Google Maps Platform API lainnya untuk memberikan pengalaman yang kaya akan Places dengan biaya dan kode minimal.
Kit UI Tempat
Kit UI Places menyediakan komponen berikut untuk merender data Places:
Detail Tempat merender detail untuk tempat yang dipilih.
Penelusuran Tempat menampilkan hasil penelusuran terkait tempat yang dapat disesuaikan dalam daftar kartu tempat horizontal atau vertikal.
Permintaan Places UI Kit selalu ditagih dengan
tarif Places UI Kit API, terlepas dari metode penelusuran yang digunakan atau jenis data yang
ditampilkan. Misalnya, Nearby Search Places UI Kit tidak akan dikenai biaya tambahan untuk
Nearby Search Pro Places API. Demikian pula, permintaan Place Details Places UI Kit dapat menampilkan
foto, harga, dan rating untuk tempat yang dipilih, tetapi Anda hanya akan ditagih untuk permintaan
Place Details Places UI Kit.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-09-04 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/places/android-sdk/places-ui-kit-overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/places/ios-sdk/places-ui-kit-overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/places-ui-kit/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\nPlaces UI Kit\n\n\nThe Places UI Kit component library lets you bring the familiar Google Maps user experience for Places to your apps and web pages, using the same data that powers the Places API. It includes an individual UI component that can be used independently, together, or in conjunction with other Google Maps Platform APIs to deliver a Places-rich experience with minimal cost and code.\nPlaces UI Kit **Tip:** There is no extra charge for customization using the Places UI Kit.\n\n\nThe Places UI Kit provides the following components for rendering Places data:\n\n- [Place Details](/maps/documentation/places/android-sdk/place-details-ui-kit) renders details for a selected place.\n- [Basic Place Autocomplete](/maps/documentation/places/android-sdk/basic-place-autocomplete-ui-kit) returns a [place ID](/maps/documentation/places/android-sdk/place-id) in response to a request.\n- [Place Search](/maps/documentation/places/android-sdk/place-search-ui-kit) displays customizable place-related search results in a horizontal or vertical list of place cards.\n\n\nPlaces UI Kit requests are always billed at the\n[Places UI Kit API rate](/maps/billing-and-pricing/sku-details#places_ui-kit-request-ess-sku), regardless of which search method they use or what data types they\nreturn. For example, a Places UI Kit Nearby Search won't incur any additional charges for\nPlaces API Nearby Search Pro. Similarly, a Places UI Kit Place Details request may return\nphotos, price, and rating for a selected place, but you will only be billed for the Places UI\nKit Place Details request."]]
