Places UI Kit 元件程式庫可讓您在應用程式和網頁中，導入熟悉的 Google 地圖地點使用者體驗，並使用與 Places API 相同的資料。其中包含可獨立、搭配使用或與其他 Google Maps Platform API 搭配使用的個別 UI 元件，能以最低成本和程式碼提供豐富的地點體驗。
Places UI Kit 包含下列 HTML 元素，可用於轉譯地點資料：
- Place Details 元素會顯示所選地點的詳細資料，例如營業時間、網站和評論。
- 進階 Place Details 元素擴充了 Place Details 元素，可讓您設定動作按鈕，並對評論和媒體套用搜尋和篩選選項。
- Place Search 元素會根據 Nearby Search 或 Text Search 搜尋查詢，顯示地點清單。
- 進階地點搜尋元素可擴充地點搜尋元素，讓您設定動作按鈕，並對評論和媒體套用搜尋和篩選選項。
- 進階地點清單元素：根據一組地點 ID，在清單中顯示一組地點，並支援自訂按鈕和篩選功能。
- Basic Place Autocomplete 元素會算繪文字輸入欄位、在 UI 選單中提供地點預測結果，並傳回所選地點的地點 ID。
主要功能與特色
- 只需編寫少量程式碼，即可整合 Google 值得信賴的體驗。
- 在應用程式中導入 Google 地圖 Places UI，費用比 Places API 更低。
- 選擇最符合需求的資料和顯示選項。
Places UI Kit Essentials 和 Pro
Places UI Kit 提供 Essentials 和 Pro 兩種級別。Places UI Kit Essentials 級別提供 Place Details、Basic Place Autocomplete 和 Place Search 元件。Pro 級別提供 Advanced Place Details、Advanced Place Search 和 Advanced Place List 元件，功能與 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 傳回各個地點的相片時，不會產生任何額外費用。