開發人員可透過 Places UI Kit 元件程式庫,在應用程式和網頁中導入熟悉的 Google 地圖使用者體驗,呈現地點資訊,並使用與 Places API 相同的資料。其中包含可單獨、一起或搭配其他 Google 地圖平台 API 使用的個別 UI 元件,以最低成本和最少程式碼,提供豐富的地點體驗。
Places UI Kit 包含下列 HTML 元素,可用於算繪地點資料:
- 地點詳細資料元素 顯示所選地點的詳細資料,例如營業時間、網站和評論。
- 進階地點詳細資料元素 (預先發布版) 擴充地點詳細資料元素,讓您設定動作按鈕,並對評論和媒體套用搜尋和篩選選項。
- Place Search 元素 會根據附近搜尋或文字搜尋查詢,顯示地點清單。
- 進階地點搜尋元素 (預先發布版) 擴充地點搜尋元素,可讓您設定動作按鈕,並將搜尋和篩選選項套用至評論和媒體。
- 進階地點清單元素 (預先發布版) 會根據一組地點 ID,在清單中顯示一系列地點,並支援自訂按鈕和篩選條件。
- 基本 Place Autocomplete 元素會顯示文字輸入欄位、在 UI 選單中提供地點預測結果,以及傳回所選地點的地點 ID。
主要功能與特色
- 只要編寫少量程式碼,即可整合 Google 的可靠體驗。
- 以比 Places API 更低的成本,在應用程式中導入 Google 地圖使用者介面來呈現地點資訊。
- 選擇最符合需求的資料和顯示選項。
Places UI Kit Essentials 和 Pro
Places UI Kit 提供兩種方案:Essentials 和 Pro。Places UI Kit Essentials 層級提供 Place Details、Basic Place Autocomplete 和 Place Search 元件。Pro 級別提供「進階地點詳細資料」、「進階地點搜尋」和「進階地點清單」元件,這些元件的功能與 Essentials 級別元件相同,但提供更多自訂選項和進階功能。
下表詳細比較了 Places UI Kit Essentials 和 Pro 方案:
| 功能 | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| 低程式碼 | ||
| 自訂樣式 | ||
| 內容設定 | ||
| Place Details | ||
| 相片和評論 | ||
| 相片和評論設定 | ||
| 按鈕設定 | ||
| 自訂地點清單 |
帳單
下列元素會產生 Places UI Kit Pro SKU 費用:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
Places UI Kit 查詢會根據元件例項化次數計費,而非根據回應中包含的 Places API 資料計費。提供回覆所需的任何基礎 API 呼叫,都不會產生額外費用。舉例來說,Places UI Kit Nearby Search 不會因為傳回每個地點的相片而產生額外費用。