Visão geral

Selecione a plataforma: Android iOS JavaScript

Os mapas 3D em JavaScript ajudam a criar experiências imersivas de mapas em 3D. Eles oferecem ferramentas para personalizar a estilização do mapa, melhorar a acessibilidade e aumentar a usabilidade, permitindo o desenvolvimento de aplicativos envolventes e interativos.

Exemplo do que você pode fazer com os mapas 3D na API Maps JavaScript:

Por que usar mapas 3D no JavaScript do Maps

Com os mapas 3D na classe JavaScript do Maps, é possível usar as imagens 3D do Google em todos os seus aplicativos. Os mapas 3D oferecem uma experiência de renderização 3D integrada, permitindo incorporar ou testar mapas 3D com rapidez e perfeição.

O que é possível fazer com os mapas 3D no JavaScript do Maps?

  • Crie experiências de mapa realistas: dê vida aos locais com ambientes 3D fotorrealistas, oferecendo uma escala e um nível de detalhes sem precedentes.
  • Personalizar o estilo do mapa:
    • Estilização de mapas 3D baseada na nuvem: controle a densidade dos pontos do mapa básico e a estilização de vias.
    • Marcadores personalizados, popovers e polilinhas estilizadas: personalize marcadores para identificar locais no mapa.
    • Modelos 3D e recursos gLTF: adicione modelos 3D detalhados de edifícios, pontos de referência ou objetos personalizados.
  • Criar mapas imersivos
    • Caminhos de câmera predefinidos: guie os usuários pelo mapa 3D com animações de câmera predefinidas, fazendo a transição entre pontos de interesse.
    • Controlar a interação do usuário: personalize os controles e o movimento da câmera disponíveis para os usuários.

Como usar mapas 3D em JavaScript do Maps

1 Começar a configurar Comece com Configurar a API JavaScript e siga as instruções de configuração.
2 Entenda como a API Maps JavaScript faz cobranças Para mais informações, consulte Uso e faturamento.
3 Criar um mapa Para mais informações, consulte Começar.

Cobertura

Analise os mapas 3D na cobertura compatível do JavaScript do Maps.

Próximas etapas

  • Confira o guia Primeiros passos para criar um mapa 3D "Hello World".
  • Confira o codelab de introdução para saber como adicionar recursos ao mapa.
  • Aprofunde seu conhecimento sobre marcadores e animação no próximo codelab.
  • Encontre na coleção do Google uma amostra que funcione para seu caso de uso.