Places UI キット
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Places UI キットのコンポーネント ライブラリを使用すると、Places API で使用されているのと同じデータを使用して、Google マップの Places の使い慣れたユーザー エクスペリエンスをアプリとウェブページに組み込むことができます。これには、個別に、または組み合わせて使用できる一連の UI コンポーネントが含まれています。また、他の Google Maps Platform API と組み合わせて使用することで、最小限のコストとコードでプレイスの豊富なエクスペリエンスを提供できます。
Places UI Kit には、プレイス データをレンダリングするための次の HTML 要素が含まれています。
Place Details 要素
（Place Details と Place Details Compact）は、選択した場所の営業時間、ウェブサイト、レビューなどの詳細情報をレンダリングします。
Place Search Elements（Place Nearby Search と Place Text Search）は、周辺検索またはテキスト検索のクエリに応じて場所のリストをレンダリングします。
基本的な Place Autocomplete 要素
は、テキスト入力フィールドをレンダリングし、UI の選択リストに場所の候補を表示し、選択した場所のプレイス ID を返します。
高度（試験運用版）は、単一の地点の高度データを数値として、またはパスの高度データをグラフとしてレンダリングします。
主な特長と機能
- 最小限のコードで Google の信頼できるエクスペリエンスを組み込むことができます。
- Places API よりも低コストで、Google マップのプレイスの UI をアプリに組み込むことができます。
- ニーズに最適なデータと表示オプションを選択します。
課金
Places UI キットのリクエストは、使用する検索方法や返すデータ型に関係なく、常に
Places UI キット API の料金で課金されます。たとえば、Places UI キットの Nearby Search では、Places API Nearby Search Pro の追加料金は発生しません。同様に、Places UI キットの Place Details リクエストでは、選択した場所の写真、価格、評価が返されることがありますが、課金されるのは Places UI キットの Place Details リクエストのみです。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-08-29 UTC。
[null,null,["最終更新日 2025-08-29 UTC。"],[[["\u003cp\u003eThe Places UI Kit offers pre-built UI components for integrating Google Maps Places functionality into your apps and web pages.\u003c/p\u003e\n"],["\u003cp\u003eIt includes components like Place Details, Place List, and Elevation for displaying place information and elevation data.\u003c/p\u003e\n"],["\u003cp\u003eThis kit is cost-effective compared to the Places API and allows customization of data and display options.\u003c/p\u003e\n"],["\u003cp\u003eThis product or feature is currently in the Experimental (pre-GA) phase, which means it has limited support and potential for incompatibility.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/places/android-sdk/places-ui-kit-overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/places/ios-sdk/places-ui-kit-overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/places-ui-kit/overview \"View this page for the JavaScript platform docs.\")\n\n\nThe Places UI Kit component library lets you bring the familiar Google Maps user experience for\nPlaces to your apps and web pages, using the same data that powers the Places API. It includes a\nset of individual UI components that can be used independently, together, and in conjunction with\nother Google Maps Platform APIs to deliver a Places-rich experience with minimal cost and code.\n\n\nThe Places UI Kit includes the following HTML elements for rendering Places data:\n- [Place Details Elements](/maps/documentation/javascript/places-ui-kit/place-details) (Place Details and Place Details Compact) render details such as opening hours, website, and reviews for a selected place.\n- [Place Search Elements](/maps/documentation/javascript/places-ui-kit/place-list) (Place Nearby Search and Place Text Search) render a list of places in response to either a nearby search or text search query.\n- [Basic Place Autocomplete Element](/maps/documentation/javascript/places-ui-kit/basic-autocomplete) renders a text input field, supplies place predictions in a UI pick list, and returns a place ID for the selected place.\n- [Elevation](/maps/documentation/javascript/places-ui-kit/elevation) (experimental) renders elevation data as a numerical value for a single point, or as a visual plot for a path.\n| **Tip:** The Places UI Kit offers extensive visual customization options at no extra charge. See [Places UI Kit Custom Styling](/maps/documentation/javascript/places-ui-kit/custom-styling) for more information.\n\nKey features and capabilities\n - Incorporate Google's trusted experience starting with minimal code.\n - Bring Google Maps UI for Places to your apps at a lower cost than the Places API.\n - Choose the data and display options that best suit your needs.\n\nBilling\n- Places UI Kit requests are always billed at the [Places UI Kit API rate](/maps/billing-and-pricing/sku-details#places_ui-kit-request-ess-sku), regardless of which search method they use or what data types they return. For example, a Places UI Kit Nearby Search won't incur any additional charges for Places API Nearby Search Pro. Similarly, a Places UI Kit Place Details request may return photos, price, and rating for a selected place, but you will only be billed for the Places UI Kit Place Details request.\n\nNext step:\n[Get started with the Places UI Kit](/maps/documentation/javascript/places-ui-kit/get-started)"]]
