プレイス UI キット（試験運用版）

Place Details、Place List、Elevation コンポーネント

Places UI Kit コンポーネント ライブラリを使用すると、Places API と同じデータを使用して、アプリやウェブページに一般的な Google マップのプレイス ユーザー エクスペリエンスを提供できます。個別の UI コンポーネントがセットで提供されており、単独で、または他の Google Maps Platform API と組み合わせて使用することで、最小限の費用とコードでプレイスを利用した豊富なエクスペリエンスを実現できます。

プレイス UI キットには、プレイスデータをレンダリングするための次の HTML 要素が含まれています。

  • Place Details: 選択した場所の詳細をレンダリングします。
  • Place List: 検索結果の場所のリストをレンダリングします。
  • Elevation は、単一のポイントまたはパスの標高データをレンダリングします。

    • Place Details

    プレイス情報コンポーネントは、プレイス ID または緯度と経度の座標のセットによって定義された、選択したプレイスの詳細をレンダリングするカスタマイズ可能な HTML 要素です。

    小、中、大の Place Details の設定

    場所リスト

    Place List コンポーネントは、Places のテキスト検索または Places のNearby Search へのレスポンスとして、場所のリストをレンダリングします。

    リストのスタンドアロン要素を Google マップの横に配置する

    標高

    Elevation コンポーネントは、標高データを単一ポイントの数値として、またはパスの視覚的なプロットとしてレンダリングします。
    標高のスタンドアロン要素と Google マップに重ねて表示された要素

    主な特長と機能

    • 1 行のコードで Google の信頼できるエクスペリエンスを組み込みます。
    • Places API よりも低コストで、Places 向け Google マップ UI をアプリに追加できます。
    • ニーズに最適なデータと表示オプションを選択します。

    次のステップ: プレイス UI キットを使ってみる