借助 Places UI Kit 组件库,您能够为应用和网页引入熟悉的 Google 地图地点用户体验,所用数据与 Places API 相同。它包含一个单独的界面组件,该组件可以单独使用、组合使用,也可以与其他 Google Maps Platform API 搭配使用,从而以极低的成本和代码量提供丰富的地点体验。
Places UI Kit 包含以下用于呈现地点数据的 HTML 元素:
- 地点详情元素会呈现所选地点的营业时间、网站和评价等详细信息。
- 高级地点详情元素扩展了地点详情元素,可让您配置操作按钮,并对评价和媒体应用搜索和过滤选项。
- 地点搜索元素会根据附近搜索或文本搜索查询呈现地点列表。
- 高级地点搜索元素扩展了地点搜索元素,可让您配置操作按钮,并对评价和媒体应用搜索和过滤选项。
- 高级地点列表元素可根据一组地点 ID 在列表中呈现一系列地点,还支持自定义按钮和过滤。
- 基本地点自动补全元素会呈现文本输入字段,在界面选择列表中提供地点预测结果,并返回所选地点的地点 ID。
主要特性和功能
- 只需少量代码,即可融入 Google 的可靠体验。
- 以低于 Places API 的成本,将 Google 地图地点界面融入您的应用。
- 选择最符合您需求的数据和显示选项。
Places UI Kit Essentials 和 Pro
Places UI Kit 提供两个层级:Essentials 和 Pro。Places UI Kit Essentials 层级提供地点详情、基本地点自动补全和地点搜索组件。Pro 层级提供高级地点详情、高级地点搜索和高级地点列表组件,这些组件的功能与 Essentials 层级组件相同,但具有更多自定义选项和高级功能。
下表详细对比了 Places UI Kit Essentials 和 Pro 层级:
| 能力 | Places UI Kit 基本功能版 | Places UI Kit Pro |
|---|---|---|
| 低代码 | ||
| 风格自定义 | ||
| 内容配置 | ||
| 地点详情 | ||
| 照片和评价 | ||
| 照片和评价配置 | ||
| 按钮配置 | ||
| 自定义地点列表 |
结算
以下元素会按 Places UI Kit Pro SKU 计费:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
Places UI Kit 查询按组件实例化计费,而不是根据响应中包含的 Places API 数据计费。提供响应所需的任何底层 API 调用不会产生额外费用。 例如,Places UI Kit 附近搜索不会因返回每个地点的照片而产生任何额外费用。