Kit UI di Places
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Seleziona la piattaforma:
Android
iOS
JavaScript
La libreria di componenti di Places UI Kit ti consente di portare la familiare esperienza utente di Google Maps per
Places nelle tue app e pagine web, utilizzando gli stessi dati che alimentano l'API Places. Include un insieme di singoli componenti UI che possono essere utilizzati in modo indipendente, insieme e in combinazione con altre API di Google Maps Platform per offrire un'esperienza ricca di Places con costi e codice minimi.
Places UI Kit include i seguenti elementi HTML per il rendering dei dati di Places:
Elementi Dettagli luogo
(Dettagli luogo e Dettagli luogo compatti) visualizzano dettagli come orari di apertura, sito web e
recensioni per un luogo selezionato.
Gli elementi di ricerca di luoghi
(ricerca di luoghi nelle vicinanze e ricerca di testo di luoghi) visualizzano un elenco di luoghi in risposta a una
query di ricerca di luoghi nelle vicinanze o di ricerca di testo.
Elemento di completamento automatico di base dei luoghi
visualizza un campo di input di testo, fornisce previsioni sui luoghi in un elenco di selezione dell'interfaccia utente e restituisce un ID luogo per il luogo selezionato.
Elevazione (sperimentale)
visualizza i dati di elevazione come valore numerico per un singolo punto o come grafico visivo per un
percorso.
Funzionalità principali
- Integra l'esperienza affidabile di Google a partire da un codice minimo.
- Porta l'interfaccia utente di Google Maps per Places nelle tue app a un costo inferiore rispetto all'API Places.
- Scegli le opzioni di dati e visualizzazione più adatte alle tue esigenze.
Fatturazione
Le richieste di Places UI Kit vengono sempre fatturate alla
tariffa dell'API Places UI Kit, indipendentemente dal metodo di ricerca utilizzato o dai tipi di dati restituiti. Ad esempio, una ricerca nelle vicinanze di Places UI Kit non comporta costi aggiuntivi per
la ricerca nelle vicinanze di Places API Pro. Analogamente, una richiesta Places UI Kit Place Details può restituire
foto, prezzo e valutazione di un luogo selezionato, ma ti verrà addebitato solo l'importo della richiesta Places UI
Kit Place Details.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-08-29 UTC.
[null,null,["Ultimo aggiornamento 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)"]]
