Descripción general
La solución Explorador de áreas 3D te ofrece una forma completamente nueva de descubrir y experimentar ubicaciones. Esta solución aprovecha las funciones de los mosaicos fotorrealistas en 3D de Google Maps Platform y la API de Places para crear entornos 3D interactivos y cautivadores.
El Explorador de áreas 3D está diseñado para cumplir varios propósitos:
Mejorar la exploración del área: Los usuarios pueden explorar barrios de forma virtual con un alto grado de detalle visual, lo que permite obtener estadísticas sobre los puntos de referencia y las características locales.
Promueve narrativas basadas en la ubicación: La capacidad de incorporar lugares de interés con descripciones detalladas permite crear experiencias basadas en narrativas que informan y educan a los usuarios sobre ubicaciones específicas.
Inspirar el desarrollo con las funciones en 3D de Google Maps: Demuestra el potencial de los datos cartográficos 3D de Google para crear mapas interactivos y envolventes.
Primeros pasos:
Habilitar
Tecnologías clave
Esta solución se compila mediante dos tecnologías clave:
APIs de Google Maps Platform:
Usamos varias APIs de Google Maps Platform para obtener el mapa base y los datos necesarios para crear esta experiencia:
- Mosaicos 3D fotorrealistas de Google Maps: Los modelos 3D de alta resolución de edificios y terrenos proporcionan una representación realista y visualmente atractiva de los entornos urbanos.
- API de Places: La app puede identificar y mostrar información detallada sobre lugares de interés dentro del área explorada, lo que enriquece la experiencia del usuario con conocimientos locales.
- Autocomplete ayuda a los usuarios a buscar ubicaciones o áreas de interés específicas.
CesiumJS
CesiumJS es responsable de renderizar y mostrar el globo terráqueo en 3D de alta resolución. Controla la carga y visualización de mosaicos 3D fotorrealistas de Google, que proporcionan un modelo en malla 3D de edificios y terrenos.
Administración de la cámara: CesiumJS proporciona las herramientas para controlar la posición, la orientación y el movimiento de la cámara. Esto incluye:
- Configurar el punto de vista inicial para que se enfoque en el vecindario especificado al cargar la app
- Implementar movimientos dinámicos de la cámara, como las animaciones automatizadas de órbita para la exploración
- Controlar las interacciones del usuario con el globo terráqueo, si se incluyen esos componentes (desplazamiento lateral, zoom y rotación)
Descubre cómo los mosaicos 3D fotorrealistas pueden trabajar con un procesador de mosaicos 3D.
Componentes clave
La aplicación se divide en dos:
- App de administración
- App de demostración
En este diagrama, se proporciona una descripción general de las diferencias y la correlación entre las dos aplicaciones:
Sería beneficioso investigar cada aplicación más a fondo:
App de administración
Esta aplicación proporciona una interfaz fácil de usar que te permite personalizar la experiencia 3D:
Búsqueda de ubicación : Usa la barra de búsqueda de Autocomplete integrada de Google Maps Platform para encontrar el área que deseas mostrar. Una vez que selecciones una ubicación, la cámara volará a esa área sin problemas.
Cámara: Ajusta la velocidad de movimiento y el tipo de órbita de la cámara para crear la experiencia de visualización seleccionada.
Lugares (POI): Define la densidad, el radio de búsqueda y los tipos de lugares de interés (p.ej., restaurantes, cafeterías, puntos de referencia) que deseas incluir.
Usa esta app para personalizar la experiencia de tus usuarios finales.
Explora la oficina de Google en Chicago siguiendo una ruta lenta a la cámara.
Consulta Una densa vista de las atracciones turísticas de la Franja de Las Vegas.
Ahora Explora Las Vegas siguiendo el camino de una cámara sinusoidal de alta velocidad
Explora el Gran Cañón con todas las atracciones turísticas clave
Encontrarás una descripción detallada de todas las personalizaciones del Explorador de área 3D.
App de demostración
Esta es la aplicación final para el usuario que carga la configuración que creaste en la app de Admin. En este entorno envolvente en 3D, los usuarios podrán explorar las áreas seleccionadas y descubrir los lugares que destacaste.
Una vez que hayas personalizado tu apariencia con la app de Admin, puedes descargar la configuración y ejecutar tu aplicación personalizada desde el código fuente.
Experiencia del usuario
Algunas de las funciones clave de la aplicación son las siguientes:
- Los usuarios pueden explorar de manera interactiva un área en 3D, incluidos edificios, puntos de referencia y terreno.
- Los usuarios pueden buscar y descubrir lugares cercanos (p.ej., museos, parques y restaurantes).
Al seleccionar un lugar, los usuarios pueden ver información detallada o narrativas relacionadas con ese lugar.
Los desarrolladores pueden personalizar su experiencia de exploración a través de la configuración y los controles (si usan la app de Administrador).
La rotación automática está habilitada, lo que permite que la cámara rote automáticamente alrededor del centro del área seleccionada.
Requisitos previos
Clave de API de Google Maps: Necesitarás una clave de API válida con las siguientes APIs habilitadas:
Servidor web: Puedes entregar la aplicación desde cualquiera de las siguientes opciones:
- Un servidor web local (p.ej., con Node.js o http-server)
- Un servicio de hosting web estático (la aplicación viene con un Dockerfile)
Puedes encontrar una descripción detallada de las opciones de implementación en la sección readme del proyecto de GitHub.
Deployment
Puedes implementar la app como una aplicación de nodo o un contenedor de Docker en cualquier entorno de contenedor, como GKE o GAE. La demostración alojada utiliza la siguiente arquitectura:
- En esta arquitectura, el código reside en un proyecto de GitHub.
- Cloud Build detecta el código de cualquier envío a la instancia principal y activa una operación de compilación.
- Como parte de la compilación, inserta la clave de API y crea una imagen que, luego, se almacena en Artifact Registry.
- Por último, implementa la imagen estable más reciente de Artifact Registry en Cloud Run.
- También tenemos algunas verificaciones de estado y supervisión en ejecución para comprobar el estado de las apps implementadas.
Datos de facturación
La solución 3D Area Explorer usa los servicios de Google Maps Platform para proporcionar una experiencia dinámica y envolvente. Es posible que algunas APIs generen cargos. Esta es una descripción general de las APIs y vínculos a los precios.
Google Maps Platform - API de 3D Tiles:
La solución Storytelling utiliza la API de 3D Tiles para mejorar la experiencia visual con datos geoespaciales. Para obtener información sobre los precios relacionados con la API de 3D Tiles, consulta los precios de la API de 3D Tiles de Google Maps Platform.
Google Maps Platform - API de Places:
La API de Places se utiliza para datos basados en la ubicación, lo que agrega información valiosa a la experiencia de narración. Para comprender los costos asociados con la API de Google Places,visita los Precios de la API de Places de Google Maps Platform.
Google Maps Platform - API de Autocomplete:
La función Autocompletar mejora la interacción del usuario. Para obtener información sobre los precios de la API de Google Maps Autocomplete, consulta el artículo Precios de Place Autocomplete de Google Maps Platform.
CesiumJS:
CesiumJS se usa para la visualización del globo terráqueo en 3D. Si bien CesiumJS en sí es de código abierto, las funciones o los servicios adicionales pueden tener sus propios costos asociados. Consulta la documentación de CesiumJS para conocer ofertas premium.
Es fundamental revisar los detalles de precios de cada API respectiva, ya que los cargos se determinan de forma individual según el uso. Ten en cuenta que Google Maps Platform ofrece un nivel gratuito con una cantidad determinada de uso sin costo y que los detalles de los precios pueden variar en función de factores como la cantidad de solicitudes y la región de uso.
Siempre consulta las páginas de precios oficiales para obtener la información más precisa y actualizada sobre los costos de uso de Google Maps Platform y CesiumJS. Garantiza el cumplimiento de los Términos y Condiciones que se describen en estos servicios para administrar y comprender los gastos asociados de manera efectiva.
Conclusión
En este documento, se proporciona una descripción general de las capacidades, los componentes, la experiencia del usuario y los requisitos técnicos del explorador de áreas 3D.
Aprovecha los mosaicos Photorealistic 3D 3D de Google y la API de Places para permitir la exploración virtual de los vecindarios, el descubrimiento de lugares de interés y el aprendizaje de la historia local.
Ya sea que muestres un área, mejore la exploración o promuevas la narración digital, el Explorador de área 3D ofrece una plataforma visualmente impresionante.
Prueba la demostración y personalízala con la app de Admin para crear una experiencia 3D informativa y atractiva.