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 cho Địa điểm vào các ứng dụng và trang web của bạn, sử dụng cùng một dữ liệu hỗ trợ Places API. Thành phầ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 sử dụng độc lập, cùng nhau hoặc kết hợp với các API khác của Google Maps Platform để mang lại trải nghiệm phong phú về Địa điểm với chi phí và mã tối thiểu.
Bộ công cụ giao diện người dùng Địa điểm bao gồm các phần tử HTML sau đây để hiển thị dữ liệu Địa điểm:
- Thành phần Chi tiết địa điểm hiển thị các thông tin chi tiết như giờ mở cửa, trang web và bài đánh giá về một địa điểm đã chọn.
- Thành phần Chi tiết địa điểm nâng cao mở rộng Thành phần Chi tiết địa điểm, cho phép bạn định cấu hình các nút hành động và áp dụng các lựa chọn tìm kiếm và lọc cho bài đánh giá và nội dung nghe nhìn.
- Thành phần tìm kiếm địa điểm hiển thị danh sách địa điểm để phản hồi cho cụm từ tìm kiếm lân cận hoặc cụm từ tìm kiếm dạng văn bản.
- Thành phần tìm kiếm địa điểm nâng cao mở rộng Thành phần tìm kiếm địa điểm, cho phép bạn định cấu hình các nút hành động và áp dụng các lựa chọn tìm kiếm và lọc cho bài đánh giá và nội dung nghe nhìn.
- Phần tử danh sách địa điểm nâng cao hiển thị một tập hợp các địa điểm trong danh sách dựa trên một nhóm Mã địa điểm, đồng thời hỗ trợ các nút tuỳ chỉnh và tính năng lọc.
- Thành phần Place Autocomplete cơ bản hiển thị một trường nhập dữ liệu văn bản, cung cấp thông tin dự đoán về địa điểm trong danh sách chọn trên giao diện người dùng và trả về Mã địa điểm cho địa điểm đã chọn.
Các tính năng và chức năng chính
- Tích hợp trải nghiệm đáng tin cậy của Google, bắt đầu bằng việc viết ít mã nhất có thể.
- Đưa giao diện người dùng của Google Maps cho Địa điểm vào ứng dụng của bạn với chi phí thấp hơn so với Places API.
- Chọn dữ liệu và các lựa chọn hiển thị phù hợp nhất với nhu cầu của bạn.
Places UI Kit Essentials và Pro
Places UI Kit có hai cấp: Essentials và Pro. Gói Essentials của Places UI Kit cung cấp các thành phần Place Details, Basic Place Autocomplete và Tìm kiếm địa điểm. Cấp Chuyên nghiệp cung cấp các thành phần Chi tiết địa điểm nâng cao, Tìm kiếm địa điểm nâng cao và Danh sách địa điểm nâng cao. Các thành phần này có chức năng giống như các thành phần của cấp Cơ bản, nhưng có nhiều lựa chọn tuỳ chỉnh và tính năng nâng cao hơn.
Bảng dưới đây so sánh chi tiết giữa gói Essentials và Pro của Places UI Kit:
| Chức năng | Thông tin cơ bản về Places UI Kit | Places UI Kit Pro |
|---|---|---|
| Ít mã | ||
| Tuỳ chỉnh kiểu | ||
| Cấu hình nội dung | ||
| Thông tin về địa điểm | ||
| Ảnh và bài đánh giá | ||
| Cấu hình ảnh và bài đánh giá | ||
| Cấu hình nút | ||
| Danh sách địa điểm tuỳ chỉnh |
Thanh toán
Các thành phần sau đây tính phí theo SKU Places UI Kit Pro:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
Các truy vấn của Places UI Kit được tính phí theo mỗi lần tạo thực thể thành phần, chứ không dựa trên dữ liệu Places API có trong phản hồi. Bạn không phải trả thêm phí cho bất kỳ lệnh gọi API cơ bản nào cần thiết để cung cấp câu trả lời. Ví dụ: tính năng Nearby Search của Places UI Kit sẽ không tính thêm phí khi trả về ảnh của từng địa điểm.