Kit UI Places
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sélectionnez une plate-forme :
Android
iOS
JavaScript
La bibliothèque de composants du Kit UI pour Places vous permet d'intégrer l'expérience utilisateur connue de Google Maps pour Places à vos applications et pages Web, en utilisant les mêmes données que celles de l'API Places. Il inclut un ensemble de composants d'interface utilisateur individuels qui peuvent être utilisés indépendamment, ensemble et en association avec d'autres API Google Maps Platform pour offrir une expérience riche en lieux avec un coût et un code minimaux.
Le kit d'UI Places inclut les éléments HTML suivants pour afficher les données Places :
Éléments Place Details
(Place Details et Place Details Compact) affichent des informations telles que les horaires d'ouverture, le site Web et les avis pour un lieu sélectionné.
Les éléments Place Search (Place Nearby Search et Place Text Search) affichent une liste de lieux en réponse à une requête de recherche à proximité ou de recherche de texte.
L'élément de saisie semi-automatique de base pour les lieux
affiche un champ de saisie de texte, fournit des prédictions de lieux dans une liste de sélection d'UI et renvoie un ID de lieu pour le lieu sélectionné.
Altitude (expérimental) : affiche les données d'altitude sous forme de valeur numérique pour un point unique ou sous forme de graphique pour un chemin.
Caractéristiques et fonctionnalités clés
- Intégrez l'expérience de confiance de Google en commençant par un code minimal.
- Intégrez l'UI Google Maps pour Places à vos applications à un coût inférieur à celui de l'API Places.
- Choisissez les options de données et d'affichage qui répondent le mieux à vos besoins.
Facturation
Les requêtes du Kit UI pour Places sont toujours facturées au
tarif de l'API Kit UI pour Places, quelle que soit la méthode de recherche utilisée ou les types de données renvoyés. Par exemple, une recherche à proximité du Kit UI pour Places n'entraînera aucun frais supplémentaire pour la recherche à proximité Pro de l'API Places. De même, une requête Places Details du Kit UI pour Places peut renvoyer des photos, le prix et la note d'un lieu sélectionné, mais vous ne serez facturé que pour la requête Places Details du Kit UI pour Places.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/29 (UTC).
[null,null,["Dernière mise à jour le 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)"]]
