Kit de interface do Google Places
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Selecione a plataforma:
Android
iOS
JavaScript
Com a biblioteca de componentes do Kit de Interface do Places, você pode trazer a experiência do usuário do Google Maps para seus apps e páginas da Web, usando os mesmos dados da API Places. Ele inclui um conjunto de componentes de interface individuais que podem ser usados de forma independente, juntos e em conjunto com outras APIs da Plataforma Google Maps para oferecer uma experiência rica em lugares com custo e código mínimos.
O kit de interface do Places inclui os seguintes elementos HTML para renderizar dados do Places:
Os
elementos de detalhes do lugar
(detalhes do lugar e detalhes do lugar compactos) renderizam detalhes como horário de funcionamento, site e
avaliações de um lugar selecionado.
Os elementos de pesquisa de lugar (Place Nearby Search e Place Text Search) renderizam uma lista de lugares em resposta a uma consulta de pesquisa por proximidade ou por texto.
O
elemento básico de preenchimento automático de lugares
renderiza um campo de entrada de texto, oferece previsões de lugares em uma lista de seleção na interface e retorna um ID
do lugar selecionado.
Elevação (experimental): renderiza dados de elevação como um valor numérico para um único ponto ou como um gráfico visual para um caminho.
Principais recursos e funcionalidades
- Incorpore a experiência confiável do Google começando com o mínimo de código.
- Traga a interface do Google Maps para Places aos seus apps a um custo menor do que a API Places.
- Escolha as opções de dados e exibição mais adequadas às suas necessidades.
Faturamento
As solicitações do Kit de Interface do Places são sempre cobradas na
taxa da API do Kit de Interface do Places, independente do método de pesquisa usado ou dos tipos de dados
retornados. Por exemplo, uma pesquisa por proximidade do Kit de Interface do Places não gera cobranças adicionais para a pesquisa por proximidade Pro da API Places. Da mesma forma, uma solicitação de Place Details do Kit de Interface do Places pode retornar fotos, preço e classificação de um lugar selecionado, mas você só vai receber cobrança pela solicitação de Place Details do Kit de Interface do Places.
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2025-08-29 UTC.
[null,null,["Última atualização 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)"]]