Descripción general

Selecciona la plataforma: Android iOS JavaScript

3D Maps en Maps JavaScript te ayuda a crear experiencias de mapas inmersivas en 3D. Proporciona herramientas para personalizar el diseño de mapas, mejorar la accesibilidad y mejorar la usabilidad, lo que permite el desarrollo de aplicaciones atractivas e interactivas.

A continuación se muestra un ejemplo de lo que puedes hacer con los mapas en 3D de la API de Maps JavaScript:

Por qué usar 3D Maps en Maps JavaScript

Los mapas en 3D incluidos en una clase de Maps JavaScript te permiten usar imágenes 3D en tus aplicaciones. Los mapas en 3D proporcionan una experiencia de renderización 3D integrada, lo que te permite incorporar o probar mapas en 3D con rapidez y sin contratiempos.

¿Qué puedes hacer con 3D Maps en Maps JavaScript?

  • Crea experiencias de mapas del mundo real: Da vida a las ubicaciones con entornos fotorrealistas en 3D, que ofrecen una escala y un detalle sin precedentes.
  • Personaliza el estilo del mapa:
    • Diseño de mapas en 3D basado en la nube: Controla la visibilidad y el diseño de los lugares de interés (LDI) y las rutas del mapa base.
    • Marcadores, ventanas emergentes y polilíneas con diseño personalizado: Personaliza los marcadores para identificar ubicaciones en el mapa.
    • Modelos 3D y recursos gLTF: Agrega modelos 3D detallados de edificios, lugares de interés o objetos personalizados.
  • Crea mapas inmersivos
    • Rutas de cámara preestablecidas: Guía a los usuarios a través de tu mapa en 3D con animaciones de cámara predefinidas, que realizan la transición entre los lugares de interés.
    • Controla la interacción del usuario: Personaliza los controles y el movimiento de la cámara disponibles para tus usuarios.

Cómo usar 3D Maps en Maps JavaScript

1 Inicia la configuración Comienza con Configura la API de JavaScript y completa las instrucciones de configuración que siguen.
2 Comprende cómo se factura la API de Maps JavaScript Para obtener información, consulta Uso y facturación.
3 Crea un mapa Para obtener más información, consulta Cómo comenzar.

Cobertura

Consulta la cobertura disponible de los mapas en 3D de Maps JavaScript.

Próximos pasos

  • Consulta la guía de introducción para crear un mapa en 3D ("Hello World!"). Mapa 3D.
  • Prueba el codelab de introducción para explorar cómo agregar funciones al mapa.
  • Amplía tus conocimientos sobre marcadores y animación en el siguiente codelab.
  • Explora la colección de Muestras de Google para encontrar el código que se adapte mejor a tu caso de uso.