Mit der Komponentenbibliothek des Places UI Kits können Sie die vertraute User Experience von Google Maps-Places in Ihre Apps und Webseiten einbinden – mit denselben Daten, die auch für die Places API verwendet werden. Es umfasst eine Reihe einzelner UI-Komponenten, die unabhängig voneinander, zusammen und in Verbindung mit anderen Google Maps Platform APIs verwendet werden können, um eine Places-reiche Umgebung mit minimalen Kosten und minimalem Code zu schaffen.
Das Places UI Kit enthält die folgenden HTML-Elemente zum Rendern von Places-Daten:
Place Details-Elemente
(Place Details und Place Details Compact) rendern Details wie Öffnungszeiten, Website und Rezensionen für einen ausgewählten Ort.
Place Search Elements (Place Nearby Search und Place Text Search) rendern eine Liste von Orten als Antwort auf eine Nearby Search- oder Text Search-Anfrage.
Basic Place Autocomplete Element
rendert ein Texteingabefeld, liefert Ortsvorschläge in einer Auswahlliste und gibt eine Orts-ID für den ausgewählten Ort zurück.
Höhe (experimentell): Rendert Höhendaten als numerischen Wert für einen einzelnen Punkt oder als visuelles Diagramm für einen Pfad.
Wichtige Funktionen
Integrieren Sie die bewährten Google-Produkte mit minimalem Code.
Sie können die Google Maps-Benutzeroberfläche für Places in Ihre Apps einbinden – zu einem niedrigeren Preis als mit der Places API.
Wählen Sie die Daten- und Anzeigeoptionen aus, die Ihren Anforderungen am besten entsprechen.
Abrechnung
Anfragen an das Places UI Kit werden immer zum
API-Tarif für das Places UI Kit abgerechnet, unabhängig davon, welche Suchmethode verwendet wird oder welche Datentypen zurückgegeben werden. Für eine Nearby Search-Anfrage über das Places UI Kit fallen beispielsweise keine zusätzlichen Gebühren für Places API Nearby Search Pro an. Eine Places UI Kit-Anfrage für Ortsdetails kann beispielsweise Fotos, Preis und Bewertung für einen ausgewählten Ort zurückgeben. Ihnen wird jedoch nur die Places UI Kit-Anfrage für Ortsdetails in Rechnung gestellt.
[null,null,["Zuletzt aktualisiert: 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)"]]
