地點 UI 套件 (實驗功能)

Place Details、Place List 和 Elevation 元件

您可以使用 Places UI Kit 元件程式庫,將 Google 地圖的熟悉 Places 使用者體驗帶入應用程式和網頁,並使用與 Places API 相同的資料。這項服務包含一組獨立的 UI 元件,可單獨使用、搭配使用,或與其他 Google 地圖平台 API 搭配使用,以最少的成本和程式碼提供豐富的 Places 體驗。

Places UI Kit 包含下列 HTML 元素,可用於轉譯 Places 資料:

  • Place Details 會顯示所選地點的詳細資料。
  • Place List 會顯示搜尋結果中的地點清單。
  • Elevation 會為單一點或路徑算繪海拔高度資料。
  • Place Details

    「Place Details」元件是可自訂的 HTML 元素,可針對所選地點顯示詳細資料,該資料是由地點 ID 或一組經緯度座標定義。

    小型、中型和大型 Place Details 設定

    地點清單

    Place List 元件會在回應 Places Text Search 或 Places Nearby Search 時,呈現地點清單。

    Google 地圖旁的 Place List 獨立元素

    海拔

    Elevation 元件會將海拔高度資料以單一點的數值或路徑的視覺圖表呈現。

    Elevation 獨立元素和疊加在 Google 地圖上的元素

    主要功能與特色

    • 只要使用一行程式碼,即可整合 Google 值得信賴的服務。
    • 以比 Places API 更低的成本,將 Google 地圖 UI 套用至應用程式。
    • 選擇最符合需求的資料和顯示選項。

    後續步驟:開始使用 Places UI 套件