Com os mapas 3D em JavaScript do Maps, você cria experiências imersivas de mapa 3D. Ele oferece ferramentas para personalizar a estilização de mapas, 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 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 vias do mapa básico.
- 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 no JavaScript do Maps
| 1 | Configurar | Comece com Configurar a API JavaScript e siga as instruções de configuração. |
| 2 | Entenda como a API Maps JavaScript faz a cobrança | Para mais informações, consulte Uso e faturamento. |
| 3 | Criar um mapa | Para mais informações, consulte Começar. |
Cobertura
Analise a cobertura compatível dos mapas 3D no JavaScript do Maps.
Próximas etapas
- Confira o guia Primeiros passos para criar um "Hello, World!" "Hello World".
- Confira o codelab 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 uma amostra que funcione para seu caso de uso.