Places UI キットのコンポーネント ライブラリを使用すると、Places API を支える同じデータを使用して、Google マップの Places の使い慣れたユーザー エクスペリエンスをアプリとウェブページに組み込むことができます。これには、独立して、または組み合わせて、あるいは他の Google Maps Platform API と組み合わせて使用できる個別の UI コンポーネントが含まれており、最小限の費用とコードでプレイスを豊富に活用したエクスペリエンスを提供できます。
Places UI キットには、Places データをレンダリングするための次の HTML 要素が含まれています。
- Place Details 要素は、選択した場所の営業時間、ウェブサイト、クチコミなどの詳細情報を表示します。
- Advanced Place Details Elements は Place Details Elements を拡張したもので、操作ボタンを設定したり、クチコミやメディアに検索とフィルタのオプションを適用したりできます。
- Place Search 要素は、Nearby Search またはテキスト検索の検索クエリに応じて場所のリストをレンダリングします。
- Advanced Place Search Elements は、Place Search Elements を拡張したもので、操作ボタンを設定したり、クチコミやメディアに検索オプションやフィルタ オプションを適用したりできます。
- Advanced Place List Element は、一連のプレイス ID を指定すると、場所のコレクションをリスト形式でレンダリングします。カスタムボタンとフィルタリングもサポートしています。
- 基本的な Place Autocomplete 要素は、テキスト入力フィールドをレンダリングし、UI の選択リストに場所の候補を表示して、選択された場所のプレイス ID を返します。
主な特長と機能
- 最小限のコードから始めて、Google の信頼できるエクスペリエンスを組み込みます。
- Places API よりも低コストで、Google マップの Places の UI をアプリに組み込むことができます。
- ニーズに最適なデータと表示オプションを選択します。
Places UI キット Essentials と Pro
Places UI キットには、Essentials と Pro の 2 つのティアがあります。Places UI キットの Essentials ティアでは、Place Details、Basic Place Autocomplete、Place Search の各コンポーネントが提供されます。Pro ティアには、Advanced Place Details、Advanced Place Search、Advanced Place List の各コンポーネントが用意されています。これらのコンポーネントは、Essentials ティアのコンポーネントと同じ機能を提供しますが、より多くのカスタマイズ オプションと高度な機能を備えています。
次の表に、Places UI キットの Essentials ティアと Pro ティアの詳細な比較を示します。
| 能力 | Places UI キット Essentials | Places UI キット Pro |
|---|---|---|
| ローコード | ||
| スタイルのカスタマイズ | ||
| コンテンツ構成 | ||
| Place Details | ||
| 写真やレビュー | ||
| 写真とクチコミの設定 | ||
| ボタン構成 | ||
| カスタムの場所リスト |
課金
次の要素は、Places UI キット Pro SKU に請求されます。
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
Places UI キットのクエリは、レスポンスに含まれる Places API データに基づいてではなく、コンポーネントのインスタンス化ごとに課金されます。レスポンスの提供に必要な基盤となる API 呼び出しに関連する追加料金は発生しません。たとえば、Places UI キットの Nearby Search で各場所の写真が返されても、追加料金は発生しません。