Mise en route de 3D Area Explorer

Présentation

La solution 3D Area Explorer (Explorateur de zones géographiques) vous offre une toute nouvelle façon de découvrir et expériences utilisateur. Cette solution exploite les fonctionnalités de Google Maps Plate-forme – Photoréaliste 3D Tiles et les Lieux API pour créer des environnements 3D captivants et interactifs.

L'explorateur de zones en 3D est conçu pour répondre à différents besoins:

• Exploration simplifiée:les utilisateurs peuvent explorer les quartiers virtuellement avec un niveau élevé de détails visuels, l'obtention d'informations sur les caractéristiques locales et de points de repère.

• Promouvoir des récits basés sur le lieu : il est possible d'intégrer des POI. (points d'intérêt) accompagnés de descriptions détaillées, expériences axées sur la narration qui éduquent et informent les utilisateurs sur des emplacements.

• Stimulez le développement à l'aide des fonctionnalités 3D de Google Maps:montre le potentiel des données de cartographie 3D de Google pour créer des images cartes interactives

Mise en route :

<ph type="x-smartling-placeholder">

</ph> Utiliser l'application d'administration 3D Area Explorer hébergée

Ou

Obtenir une clé API et téléchargez le code sur GitHub.

Activer

• API de tuiles 3D photoréalistes
• API Places

Principales technologies

Cette solution repose sur deux technologies clés:

API Google Maps Platform:

Nous utilisons plusieurs API de Google Maps Platform pour obtenir la carte de base et les données. pour créer cette expérience:

• Tuiles 3D photoréalistes Google Maps: Les modèles 3D haute résolution de bâtiments et de reliefs offrent une une représentation visuellement attrayante des environnements urbains.
• API Places: L'application peut identifier et afficher des informations détaillées sur les points de Intérêt (POI) dans la zone explorée, en enrichissant l'expérience utilisateur avec les connaissances locales.
• Saisie semi-automatique permet aux utilisateurs de rechercher des lieux ou des zones spécifiques d’intérêt.

CesiumJS

CesiumJS se charge du rendu et de l'affichage des images 3D haute résolution . Il gère le chargement et la visualisation des images 3D photoréalistes de Google. Les tuiles, qui fournissent un modèle de maillage 3D des bâtiments et du relief.

Gestion de la caméra:CesiumJS fournit les outils nécessaires pour contrôler les paramètres la position, l'orientation et le mouvement. Par exemple :

• Définition du point de vue initial pour cibler le quartier spécifié le chargement de l'application.
• Implémenter des mouvements de caméra dynamiques, tels que l'orbite automatisée des animations pour l'exploration.
• Gérer les interactions des utilisateurs avec le globe terrestre si de telles fonctionnalités sont incluses (panoramique, zoom, rotation).

Découvrez les avantages des tuiles 3D photoréalistes Utiliser un moteur de rendu de tuiles 3D.

Composants principaux

L'application est divisée en deux applications distinctes:

• Application d'administration
• Application de démonstration

Ce diagramme donne un aperçu des différences et des corrélations entre les deux applications:

Il serait intéressant d'examiner chaque application plus en détail:

Application d'administration

Cette application fournit une interface conviviale qui vous permet de personnaliser l'expérience 3D:

• Recherche de lieux :utilisez la saisie semi-automatique intégrée de Google Maps Platform. barre de recherche pour trouver la zone que vous souhaitez mettre en valeur. Une fois que vous avez sélectionné la caméra accède directement à cette zone.

• Caméra:réglez la vitesse de mouvement de la caméra et le type d'orbite pour créer expérience de visionnage sélectionnée.

• Lieux (POI) : définissez la densité, le rayon de recherche et les types de points des du centre d'intérêt (restaurants, cafés, points de repère, etc.) que vous souhaitez présenter.

Utilisez cette application pour personnaliser l'expérience de vos utilisateurs finaux.

Remarque :Vous pouvez également utiliser l'application Admin comme application de démonstration, qui n'expose différentes configurations à l'utilisateur final. Voici ce que nous avons fait:

<ph type="x-smartling-placeholder">

</ph>

• Explorez les bureaux Google de Chicago en suivant le tracé de la caméra au ralenti.

• Voir tous les aéroports de Chicago

• Consultez Une vue dense des attractions touristiques autour du Las Vegas Strip.

• Maintenant, explorez Las Vegas en suivant un parcours de caméra sinusoïdal à grande vitesse

• Explorez le Grand Canyon et ses principales attractions touristiques

Une description détaillée de toutes les personnalisations Personnalisations de l'explorateur de zones 3D.

Application de démonstration

Il s'agit de la dernière application visible par l'utilisateur qui charge la configuration créés dans l'application Admin. Dans cet environnement immersif et 3D, les utilisateurs pourront pour explorer les zones sélectionnées et découvrir les lieux que vous avez mis en évidence.

Une fois que vous avez personnalisé l'apparence dans l'application Admin, vous pouvez télécharger la configuration et exécuter l'application personnalisée à partir du code source.

Expérience utilisateur

Voici quelques-unes des principales fonctionnalités de l'application:

1. Les utilisateurs peuvent explorer une zone en 3D de manière interactive : bâtiments, des points de repère et des reliefs.
2. Les utilisateurs peuvent rechercher et découvrir des lieux à proximité (musées, parcs, restaurants).

3. Lorsqu'ils sélectionnent un lieu, les utilisateurs peuvent consulter des informations ou des récits détaillés en rapport avec ce lieu.

4. Les développeurs peuvent personnaliser leur expérience d'exploration dans des paramètres et (si vous utilisez l'application Console d'administration).

5. La rotation automatique est activée, ce qui permet à la caméra de pivoter automatiquement le centre de la zone sélectionnée.

Prérequis

1. Clé API Google Maps: vous aurez besoin d'une clé API valide avec les API suivantes activé:

   • API Maps JavaScript
   • API Places
   • API Maps Tiles

2. Serveur Web: vous pouvez diffuser l'application depuis:

   • Un serveur Web local (par exemple, avec Node.js, http-server)
   • Un service d'hébergement Web statique (l'application est fournie avec un Dockerfile)

Vous trouverez une description détaillée des options de déploiement dans le README du projet GitHub.

Déploiement

Vous pouvez déployer l'application en tant qu'application de nœud ou en tant que conteneur Docker dans n'importe quelle d'un environnement de conteneurs, tel que GKE ou GAE : La version de démonstration hébergée utilise les éléments suivants : architecture:

• Dans cette architecture, le code réside dans un projet GitHub.
• Cloud Build récupère le code lors de chaque transmission à l'application principale et déclenche une compilation opération.
• Lors de la compilation, il injecte la clé API et crée une image qui est ensuite stockées dans Artifact Registry.
• Enfin, il déploie la dernière image stable d'Artifact Registry vers Cloud exécuter.
• Des vérifications de l'état et des tâches de surveillance sont en cours des applications déployées.

Informations de facturation

La solution 3D Area Explorer utilise les services Google Maps Platform pour fournir une une expérience immersive et dynamique. Certaines API peuvent entraîner des frais. Voici un aperçu des API et des liens vers les tarifs.

Google Maps Platform – API 3D Tiles:

La solution de storytelling utilise l'API 3D Tiles pour améliorer l'aspect visuel dans le domaine des données géospatiales. Pour en savoir plus sur les tarifs des tuiles 3D API, consultez Google Maps Platform : API 3D Tiles Tarification.

Google Maps Platform – API Places:

L'API Places est utilisée pour les données basées sur la localisation. Elle ajoute de nombreuses informations l’expérience de narration. Pour comprendre les coûts associés à l'utilisation API Places,consultez Google Maps Platform : API Places Tarification.

Google Maps Platform – API Autocomplete:

La fonctionnalité de saisie semi-automatique améliore l'interaction des utilisateurs. Pour en savoir plus sur les tarifs concernant l'API Google Maps Autocomplete, veuillez consulter Google Maps Platform : Place Autocomplete Tarification.

CesiumJS:

CesiumJS est utilisé pour le globe 3D. la visualisation. Si CesiumJS est lui-même Open Source, des fonctionnalités supplémentaires ou peuvent avoir leurs propres coûts. Reportez-vous à la spécification CesiumJS Documentation de toutes les offres Premium.

Il est essentiel de vérifier le détail des tarifs de chaque API, car les frais sont déterminés individuellement en fonction de l'utilisation. Notez que Google Maps Platform propose un niveau sans frais avec une certaine quantité d'utilisation sans frais, et des tarifs peuvent varier en fonction de facteurs tels que le nombre de requêtes et l'utilisation dans la même région.

Reportez-vous toujours aux pages de tarification officielles pour obtenir les informations des informations sur les coûts d'utilisation de Google Maps Platform et de CesiumJS. Assurer la conformité aux conditions d'utilisation décrites par ces services pour gérer et comprendre efficacement toutes les dépenses associées.

Conclusion

Ce document offre un aperçu des fonctionnalités de l'explorateur de zones 3D, les composants, l'expérience utilisateur et les exigences techniques.

Il exploite les tuiles 3D photoréalistes de Google et l'API Places pour permettre l'exploration virtuelle de quartiers ou de points d'intérêt, pour en apprendre davantage sur l'histoire locale.

Qu'il s'agisse de mettre en avant un domaine, d'améliorer l'exploration ou de promouvoir le numérique 3D Area Explorer offre une plate-forme au design saisissant.

Essayez la version de démonstration et personnalisez-la à l'aide de l'application Admin pour créer une une expérience 3D informative.