Places UI キット コンポーネント ライブラリを使用すると、Places API と同じデータ を使用して、Google マップの Places の使い慣れたユーザー エクスペリエンスをアプリとウェブページに組み込むことができます。このライブラリには、個別の UI コンポーネントが含まれています。これらのコンポーネントは、単独で、組み合わせて、または他の Google Maps Platform API と組み合わせて使用して、最小限のコストとコードで Places の豊富なエクスペリエンスを提供できます。
Places UI キットには、Places データをレンダリングするための次の HTML 要素が含まれています:
- Place Details Elements は、選択した場所の営業時間、ウェブサイト、レビューなどの詳細情報をレンダリングします。
- Advanced Place Details Elements（プレビュー） は、Place Details 要素を拡張し、アクション ボタンの構成、 レビューやメディアへの検索オプションとフィルタ オプションの適用を可能にします。
- Place Search Elements 周辺検索またはテキスト検索クエリに応じて、場所のリストをレンダリングします。
- Advanced Place Search 要素（プレビュー） は、Place Search 要素を拡張し、アクション ボタンの構成、 レビューやメディアへの検索オプションとフィルタ オプションの適用を可能にします。
- Advanced Place List 要素（プレビュー） は、一連のプレイス ID を指定すると、場所のコレクションをリストにレンダリングします。カスタムボタンとフィルタリングもサポートしています。
- Basic Place Autocomplete Element テキスト入力フィールドをレンダリングし、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 では、各場所の写真の返信に追加料金は発生しません。