Thư viện thành phần Places UI Kit cho phép bạn mang trải nghiệm người dùng quen thuộc của Google Maps về Địa điểm vào các ứng dụng và trang web của mình, bằng cách sử dụng cùng một dữ liệu hỗ trợ Places API. Thư viện này bao gồm một thành phần giao diện người dùng riêng lẻ có thể được dùng độc lập, cùng nhau hoặc kết hợp với các API khác của Nền tảng Google Maps để mang đến trải nghiệm phong phú về Địa điểm với chi phí và mã tối thiểu.
Places UI Kit
Places UI Kit cung cấp các thành phần sau để hiển thị dữ liệu về Địa điểm:
Place Details (Thông tin chi tiết về địa điểm) hiển thị thông tin chi tiết cho một địa điểm đã chọn.
Tìm kiếm địa điểm hiển thị kết quả tìm kiếm tuỳ chỉnh liên quan đến địa điểm trong danh sách thẻ địa điểm theo chiều ngang hoặc chiều dọc.
Các yêu cầu Places UI Kit luôn được tính phí theo
mức phí Places UI Kit API, bất kể yêu cầu đó sử dụng phương thức tìm kiếm nào hoặc trả về loại dữ liệu nào. Ví dụ: tính năng Tìm kiếm lân cận trong Places UI Kit sẽ không phát sinh thêm bất kỳ khoản phí nào cho tính năng Tìm kiếm lân cận chuyên nghiệp trong Places API. Tương tự, một yêu cầu Chi tiết về địa điểm trong Places UI Kit có thể trả về ảnh, giá và điểm xếp hạng cho một địa điểm đã chọn, nhưng bạn sẽ chỉ bị tính phí cho yêu cầu Chi tiết về địa điểm trong Places UI Kit.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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."]]
