Visão geral

Selecione a plataforma: Android iOS JavaScript

O 3D Maps no JavaScript do Maps ajuda a criar experiências de mapa 3D imersivas. Ele oferece ferramentas para personalizar o estilo de mapa, melhorar a acessibilidade e aprimorar 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 o 3D Maps 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. O 3D Maps oferece uma experiência de renderização 3D integrada, permitindo incorporar ou testar mapas 3D com rapidez e perfeição.

O que você pode fazer com o 3D Maps no JavaScript do Maps?

  • Criar experiências de mapa do mundo real: dê vida aos locais com ambientes 3D fotorrealistas, oferecendo uma escala e detalhes sem precedentes.
  • Personalizar o estilo do mapa:
    • Estilização de mapas 3D baseada na nuvem: controle a visibilidade e a estilização dos pontos de interesse (PDIs) e das estradas do mapa básico.
    • Marcadores, pop-ups e polilinhas estilizadas personalizadas: personalize os 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 o 3D Maps no JavaScript do Maps

1 Configurar Comece com a configuração da API JavaScript e siga as instruções de configuração.
2 Entender como a API Maps JavaScript é faturada Para mais informações, consulte Uso e faturamento.
3 Criar um mapa Para mais informações, consulte Introdução.

Cobertura

Analise a cobertura compatível do 3D Maps no JavaScript do Maps.

Próximas etapas

  • Confira o guia de Introdução para criar um "Olá, Mundo!" "Hello World".
  • Teste o codelab de introdução para saber como adicionar recursos ao mapa.
  • Amplie seu conhecimento sobre marcadores e animação no próximo codelab.
  • Encontre na coleção do Google amostras que funcionem para seu caso de uso.