Descripción general

Selecciona la plataforma: Android iOS JavaScript

Los mapas en 3D de Maps JavaScript te ayudan a crear experiencias de mapas inmersivas en 3D. Proporciona herramientas para personalizar el diseño de mapas, mejorar la accesibilidad y optimizar la usabilidad, lo que permite desarrollar 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 mapas en 3D en la API de Maps JavaScript

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

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

  • Crea experiencias de mapas del mundo real: Da vida a las ubicaciones con entornos 3D fotorrealistas, que ofrecen una escala y un nivel de detalle sin precedentes.
  • Personaliza el diseño del mapa:
    • Diseño de mapas basado en Cloud en 3D: Controla la visibilidad y el diseño de los lugares de interés (POI) y las rutas del mapa base.
    • Marcadores personalizados, ventanas emergentes y polilíneas con diseño: Personaliza los marcadores para identificar ubicaciones en el mapa.
    • Modelos 3D y recursos de gLTF: Agrega modelos 3D detallados de edificios, puntos de referencia u objetos personalizados.
  • Crea mapas envolventes
    • Rutas de cámara predeterminadas: Guía a los usuarios por tu mapa en 3D con animaciones de cámara predefinidas que realizan transiciones entre 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 mapas en 3D en Maps JavaScript

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

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 introductorio para explorar cómo agregar componentes al mapa.
  • Amplía tus conocimientos sobre los marcadores y la 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.