Descripción general
La solución 3D Area Explorer es una forma totalmente nueva de descubrir y experiencias. Esta solución aprovecha las capacidades de Google Maps Plataforma 3D fotorrealista Tarjetas y las Lugares API para crear entornos 3D interactivos y cautivadores.
El Explorador de áreas 3D está diseñado para cumplir varios propósitos:
Mejora la exploración del área: Los usuarios pueden explorar los vecindarios de forma virtual con un alto grado de detalle visual, lo que permite obtener información sobre los elementos locales y puntos de referencia.
Promover narrativas basadas en la ubicación: La capacidad de incorporar lugares de interés (Lugares de interés) con descripciones detalladas que permiten crear experiencias basadas en narrativas que educan e informan a los usuarios sobre ubicaciones.
Inspiran el desarrollo con las funciones 3D de Google Maps: Demuestran el potencial de los datos cartográficos 3D de Google para crear imágenes mapas interactivos
Primeros pasos:
Habilitar
Tecnologías clave
Esta solución está diseñada con dos tecnologías clave:
APIs de Google Maps Platform:
Usamos varias APIs de Google Maps Platform para obtener el mapa base y los datos para crear esta experiencia:
- Mosaicos fotorrealistas en 3D de Google Maps: Los modelos 3D de alta resolución de edificios y terrenos ofrecen una imagen realista y una representación visual atractiva de los entornos urbanos.
- API de Places: La app puede identificar y mostrar información detallada sobre los puntos de Interés (lugares de interés) dentro del área explorada, lo que enriquece la experiencia del usuario con el conocimiento local.
- Autocompletar ayuda a los usuarios a buscar ubicaciones o áreas específicas interés.
CesiumJS
CesiumJS se encarga de renderizar y mostrar la imagen en 3D de alta resolución en el globo terráqueo. Controla la carga y visualización de fotos realistas en 3D de Google. Mosaicos, que proporcionan un modelo de malla 3D de edificios y terrenos.
Administración de la cámara: CesiumJS proporciona las herramientas para controlar la función de la cámara la posición, la orientación y el movimiento. Esto incluye lo siguiente:
- Establecer el punto de vista inicial para enfocarse en el vecindario especificado cargando la app.
- Implementación de movimientos dinámicos de la cámara, como la órbita automatizada animaciones para explorar.
- Cómo controlar las interacciones de los usuarios con el globo terráqueo si se incluyen esas funciones (desplazamiento lateral, zoom y rotación).
Descubre cómo los mosaicos fotorrealistas en 3D pueden Trabaja con un procesador de tarjetas 3D.
Componentes clave
La aplicación se divide en dos apps diferentes, en particular:
- App de administración
- App de demo
Este diagrama ofrece una visión general de las diferencias y la correlación entre las dos aplicaciones:
Sería beneficioso investigar cada aplicación con más detalle:
App de administración
Esta aplicación ofrece una interfaz fácil de usar que te permite personalizar la experiencia 3D:
Búsqueda de ubicación : Usa la función Autocompletar integrada de Google Maps Platform. para encontrar el área que quieres mostrar. Una vez que selecciones un ubicación, la cámara volará a esa área sin problemas.
Cámara: Ajusta la velocidad de movimiento de la cámara y el tipo de órbita para crear la experiencia de visualización seleccionada.
Lugares (lugares de interés): define la densidad, el radio de búsqueda y los tipos de puntos de interés (p.ej., restaurantes, cafeterías, puntos de referencia) que desees destacar.
Usa esta app para personalizar la experiencia de tus usuarios finales.
Explora la oficina de Google en Chicago siguiendo el recorrido de la cámara lenta.
Consulta Una vista densa de las atracciones turísticas de la zona de Las Vegas.
Ahora explora Las Vegas siguiendo el recorrido de una cámara sinusoidal de alta velocidad
Explora el Gran Cañón con todas las atracciones turísticas principales
Hay una descripción detallada de todas las personalizaciones Personalizaciones del Explorador de áreas 3D.
App de demo
Esta es la aplicación final para el usuario que carga la configuración que creado en la aplicación Administrador. En este entorno 3D inmersivo, los usuarios podrán para explorar las áreas seleccionadas y descubrir los lugares que destacaste.
Una vez que hayas personalizado tu aspecto con la app de Administrador, puedes hacer lo siguiente: descargar la configuración y ejecutar su 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 forma interactiva un área en 3D, incluidos edificios, puntos de referencia y terrenos.
- Los usuarios pueden buscar y descubrir lugares cercanos (p.ej., museos, parques, restaurantes).
Al seleccionar un lugar, los usuarios pueden ver información detallada o narrativas. relacionadas con esa ubicación.
Los desarrolladores pueden personalizar su experiencia de exploración a través de la configuración y controles (si usas la app de Administrador).
La rotación automática está habilitada, lo que permite que la cámara gire automáticamente el centro del área seleccionada.
Requisitos previos
Clave de API de Google Maps: Necesitarás una clave de API válida con las siguientes APIs habilitado:
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 el archivo readme del proyecto de GitHub.
Implementación
Puedes implementar la app como una aplicación de nodo o un contenedor de Docker en cualquier de contenedor como GKE GAE. La demostración alojada usa los siguientes arquitectura:
- En esta arquitectura, el código reside en un proyecto de GitHub.
- Cloud Build recoge el código de cualquier envío al principal y activa una compilación. una sola operación.
- Como parte de la compilación, inserta una clave de API y crea una imagen que luego almacenados 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 una 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 una experiencia envolvente y dinámica. Es posible que algunas APIs generen cargos. Aquí hay 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 imagen. con datos geoespaciales. Para conocer los detalles de precios relacionados con las tarjetas 3D API, consulta Google Maps Platform - API de 3D Tiles Precios.
Google Maps Platform - API de Places:
La API de Places se emplea para datos basados en la ubicación, agregando información enriquecida a la experiencia de la narración. Para comprender los costos asociados con el plan API de Places,visita Google Maps Platform - API de Places Precios.
Google Maps Platform - API de Autocomplete:
La función de autocompletar mejora la interacción del usuario. Para obtener información sobre los precios en relación con la API de Google Maps Autocomplete, visita Google Maps Platform. Place Autocomplete Precios.
CesiumJS:
CesiumJS se usa para el globo terráqueo 3D visualización. Si bien CesiumJS en sí es de código abierto, las funciones adicionales o servicios pueden tener sus propios costos asociados. Consulta la documentación de CesiumJS Documentación para todas las ofertas premium.
Es fundamental revisar los detalles de precios de cada API respectiva, ya que se determinan individualmente en función del uso. Ten en cuenta que Google Maps Platform ofrece un nivel gratuito con cierta cantidad de uso sin costo y precios los detalles específicos pueden variar en función de factores como el número de solicitudes y el uso región.
Consulta siempre las páginas de precios oficiales para obtener las más precisas y actualizadas información sobre los costos de uso de Google Maps Platform y CesiumJS. Garantiza el cumplimiento con los términos y condiciones descritos por estos servicios para administrar y los gastos asociados con eficacia.
Conclusión
Este documento ofrece una descripción general de las capacidades del Explorador del área 3D, componentes, experiencia del usuario y requisitos técnicos.
Aprovechando Photorealistic 3D Tiles de Google y la API de Places, permite exploración virtual de barrios, descubrimiento de lugares de interés y aprendiendo sobre la historia local.
Ya sea mostrar un área, mejorar la exploración o promocionar contenido digital narraciones, el Explorador de área 3D ofrece una plataforma visualmente impresionante.
Prueba la demostración y personalízala con la app de Admin para crear un entorno atractivo y informativa experiencia en 3D.