Crie experiências realistas e em tempo real com os recursos mais recentes do Maps, Routes e Places da Plataforma Google Maps. Desenvolvido pela equipe do Google para desenvolvedores em qualquer lugar.
Como você pode começar com uma linha de código, o Places UI Kit (Experimental) ajuda a se concentrar na experiência do usuário, não em integrações complexas.

HTML

<html>
    <body>

      <gmp-place-details size="large">
      </gmp-place-details>

    </body>
</html>

JavaScript

async function init() {
  await google.maps.importLibrary('places');
  document
    .querySelector('gmp-place-details')
    .configureFromPlace({ id: 'ChIJj61dQgK6j4AR4GeTYWZsKWw' });
}

init();

Escolher como exportar

Confira os principais tópicos

Resumo do Google I/O 2024

Resumo do Google I/O 2024

Confira os produtos anunciados no I/O deste ano, desde o uso da IA generativa até novas maneiras de criar experiências imersivas.

Assista nossa sessão técnica

Assista nossa sessão técnica

Aprenda novas maneiras de criar experiências imersivas com a API Maps JavaScript e use os recursos do modelo Gemini na API Places.

Acompanhar o workshop

Workshop da biblioteca do Maps Compose

Aprenda a integrar mapas como elementos combináveis, personalizar e agrupar marcadores e desenhar polígonos no mapa neste codelab e tutorial em vídeo para desenvolvedores Android.

Componentes do React

Os componentes do React agora estão estáveis

A biblioteca React Google Maps está pronta para ajudar você a criar experiências geoespaciais em aplicativos React de maneira mais rápida e fácil.

SDKs e APIs

Explore, aprenda e crie com documentação abrangente, exemplos de código e de apps e muito mais.

Mostre o mundo real aos usuários com mapas dinâmicos para a Web e dispositivos móveis.

Mostre um mapa estático no seu site.

URL

Adicione imagens do Street View em 360° aos seus apps.

Conseguir os dados da elevação de um ou vários locais.

Crie e exiba vídeos da vista aérea renderizados usando imagens geoespaciais 3D do Google.

API

Oferece blocos 3D fotorealistas de alta resolução, blocos 2D e blocos do Street View.

API

Faça o upload dos seus dados em um conjunto de dados para usar em um app da Plataforma Google Maps.

Versão otimizada para a performance das APIs Directions e Distance Matrix com recursos extras.

API

Crie experiências de navegação dinâmica para seus apps.

Identifique vias próximas usando as coordenadas.

API

Forneça rotas para vários meios de transporte, com informações do trânsito em tempo real.

Calcule os tempos de viagem e as distâncias para várias origens e destinos.

Otimize rotas com várias paradas de maneira flexível e inteligente para um ou mais veículos.

API

Integre o Place Details, Search e Autocomplete do Google aos seus apps.

Traga a experiência do usuário do Google Maps para lugares para seus casos de uso de front-end com uma biblioteca de componentes pronta para uso, personalizável e econômica.

JS

Converta coordenadas em endereços e vice-versa.

Confira a localização aproximada do dispositivo usando as torres de celular e os nós da rede Wi-Fi próximos.

API

Valide um endereço e seus componentes.

API

Descubra o fuso horário de um conjunto de coordenadas.

API

Fornece insights sobre lugares dentro de uma área específica com base em diferentes critérios.

API

Procure o potencial de energia solar em telhados para edifícios específicos.

API

Acesse índices de qualidade do ar, poluentes e recomendações de saúde para locais específicos.

API

Receba informações sobre o pólen de locais específicos, incluindo tipos, plantas e índices.

API

Assista a vídeos da Plataforma Google Maps

Com a nova API Places, agora há o dobro de tipos de lugares compatíveis, incluindo eletropostos, cafés, acomodações com acessibilidade nos destinos e muito mais.

Permitem que os usuários evitem a exposição a poluentes do ar e pólen no ar no local onde estão e tomem decisões diárias relacionadas à saúde com mais informações.

Aprenda a adicionar um mapa do Google a apps nativos para Android, iOS e Web com Dart e Flutter.

Saiba como carregar a API Maps JavaScript e colocar um marcador no mapa no React em apenas cinco minutos.

Travis McPhail, líder de engenharia, diz que o deck.gl agora está integrado à visualização de sobreposição do WebGL, permitindo que você crie visualizações de dados em 3D incríveis.

Veja como a Domino's usa a Plataforma Google Maps para potencializar o recurso de entrega do Pinpoint.

Saiba como ativar as APIs e os SDKs da Plataforma Google Maps no Console do Google Cloud. As APIs e os SDKs estão disponíveis para Maps, Routes e Places nas plataformas para dispositivos móveis e Web.

Neste vídeo, Angela Yu mostra o que é possível fazer com as APIs e os SDKs da Plataforma Google Maps e compartilha alguns exemplos de código úteis.

Aprenda com o Codelabs

Um mapa com marcadores amarelos e um círculo azul translúcido sobreposto.

Adicionar um mapa do Google a um app React

Neste codelab, você vai aprender tudo o que precisa para começar a usar a biblioteca vis.gl/react-google-map da API Google Maps JavaScript.

Codelab: adicionar um mapa ao seu app para dispositivos móveis com SwiftUI (iOS)

Codelab: adicionar um mapa ao seu app para dispositivos móveis com SwiftUI (iOS)

Saiba como integrar o SDK do Maps para iOS aos seus apps para dispositivos móveis usando o SwiftUI.

Codelab: adicionar um mapa ao seu app Android (Kotlin)

Codelab: adicionar um mapa ao seu app Android (Kotlin com Compose)

Aprenda os conceitos básicos do uso da biblioteca do Maps Compose com o SDK do Maps para Android.

Codelab do Flutter

Como usar a Plataforma Google Maps com o Flutter

Crie um app do Flutter com a Plataforma Google Maps.

Participe da nossa comunidade de desenvolvedores

Fique por dentro das notícias e dicas da equipe da Plataforma Google Maps.

Melhore e agilize a criação de aplicativos usando nossos utilitários de código aberto e apps de exemplo.

Tutoriais, dicas, avisos, últimas notícias e muito mais.

Todas as últimas notícias e reportagens detalhadas sobre a Plataforma Google Maps.

Conheça uma biblioteca de código e conteúdo que tem a contribuição de desenvolvedores do mundo todo.

Receba ajuda de outros desenvolvedores e conheça nossa equipe do servidor Discord da Plataforma Google Maps.

Ajuda e suporte

Receba ajuda. Ajude. Faça boas ações no Google Maps.

Informe um bug ou abra uma solicitação de recurso.

Saiba mais sobre incidentes e falhas temporárias da plataforma.

Receba ajuda da equipe de suporte. Escolha o serviço de suporte mais adequado para você.

Vamos começar

É fácil e rápido começar a usar a Plataforma Google Maps.

Crie uma conta de faturamento. Ative os recursos que você quer. Gere uma chave de API. Comece a criar.

Saiba mais nos nossos documentos e vídeos de primeiros passos.

Ajude a definir o futuro da Plataforma Google Maps

Faça sua inscrição para participar de pesquisas, mesmo que você ainda não use nossos produtos.