API Maps JavaScript

Crie mapas dinâmicos, interativos e altamente personalizados, além de experiências geoespaciais e relacionadas aos locais para seus apps da Web.

Comece já

Inicie o processo de criação com os recursos da API Maps JavaScript usados de modo frequente.
Siga o guia de iniciação da Plataforma Google Maps para criar uma conta, gerar uma chave de API e começar a criar.
Saiba como carregar a API Maps JavaScript e adicionar um mapa com um marcador ao seu app da Web.
Saiba como criar um mapa 3D usando a API Maps JavaScript.
Personalize praticamente todos os aspectos do mapa, incluindo vias, características geográficas, pontos de interesse e muito mais.
Mostre uma janela de informações com mais dados e contexto quando os usuários clicarem em um marcador.

Atributos

Confira informações sobre os principais recursos da API Maps JavaScript em documentos.
Mostre mapas personalizados, de terreno, híbridos, de satélite ou rodoviários.
Localize textos no mapa para mais de 40 idiomas de maneira automática.
Mostre o marcador padrão do Google Maps ou adicione seus próprios marcadores personalizados.
Personalize os controles de interface que aparecem no mapa.
Escreva códigos que reagem a interações do usuário e eventos de ciclo de vida.
Crie experiências 3D e 2D avançadas no mapa de base vetorial com a eficiência do WebGL.
Adicione mais contexto e informações aos marcadores com janelas de informações interativas.
Desenhe diversas formas no mapa com funções integradas, incluindo polilinhas e polígonos.
Crie sobreposições personalizadas para mostrar dados e imagens no mapa, entre outros.
Sobreponha suas imagens personalizadas, que permanecem sincronizadas quando o usuário movimenta e aplica zoom no mapa.
Mostre dados GeoJSON e outros tipos de dados no mapa em vários formatos.
Personalize o estilo de quase todos os aspectos visuais do mapa.
Incline e gire o mapa básico vetorial em três dimensões de forma programática.
Agrupe um grande número de marcadores para facilitar a experiência do usuário.
Confira a densidade de dados em pontos geográficos.

Bibliotecas

Inicialize bibliotecas opcionais ao carregar a API Maps JS para incluir mais funcionalidades.
Saiba como inicializar bibliotecas disponíveis ao carregar a API Maps JS.
Permita que os usuários desenhem no mapa de maneira interativa.
Use funções utilitárias que calculam dados geométricos na superfície da Terra.
Pesquise lugares por perto, ative o Place Autocomplete e recupere fotos e detalhes do lugar.
Adicione um mapa interativo com um seletor de lugares que consiste em uma galeria de fotos.
Confira a intensidade dos dados em pontos geográficos com os mapas de calor.

Serviços

Use os serviços de dados integrados para aprimorar seus apps da Web.
Confira rotas entre dois pontos no mapa com até 25 waypoints.
Busque a distância e o tempo de deslocamento para uma matriz de origens e destinos.
Identifique a elevação de locais na superfície da Terra, incluindo o fundo do oceano.
Converta endereços ou IDs do Place em coordenadas e vice-versa.
Consulte o nível de zoom máximo das imagens disponíveis em um local.
Adicione imagens de 360 graus do Street View aos apps da Web ou faça upload das suas imagens.

Apps de exemplo

Execute exemplos de código ativos na sua máquina local e nos playgrounds de código preferidos.
Use a biblioteca Places para pesquisar lugares por perto.
Use o estilo personalizado para adicionar um mapa no modo escuro ao app da Web.
Mude os ícones de marcadores no mapa para oferecer uma imagem personalizada.
Crie uma sobreposição avançada no mapa que permanece sincronizada quando o usuário movimenta e aplica zoom.
Mostre o trânsito em tempo real em uma sobreposição avançada de mapas.
Incline e gire o mapa vetorial em três dimensões de forma programática.
mais apps de exemplo

Ajuda e suporte

Receba ajuda. Ajude. Participe da comunidade.

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 da Plataforma Google Maps.