arcOrama: Le blog consacré à ArcGIS et aux technologies Esri

Le blog francophone consacré
aux technologies Esri

Affichage des articles dont le libellé est CesiumJS. Afficher tous les articles

Esri annonce le support des services géospatiaux ArcGIS dans CesiumJS

Après le support des environnements Leaflet, MapLibre et OpenLayers, Esri annonce le support de la bibliothèque open source CesiumJS pour la création d'applications avec les services géospatiaux ArcGIS. Cela signifie que vous pouvez utiliser le moteur de rendu 3D de CesiumJS avec des services ArcGIS pour créer des applications qui accèdent aux fonds de carte ArcGIS, affichent les données 2D/3D (via ArcGIS Platform, ArcGIS Online ou ArcGIS Enterprise) et qui effectuent des tâches de géocodage, de calcul d'itinéraire, de géo-enrichissement et des analyses spatiales.

La bibliothèque CesiumJS d'Esri a été mise à jour pour permettre un accès plus facile à tous les services ArcGIS, et un nouveau guide développeur CesiumJS a été mis en ligne sur le site web des développeurs ArcGIS.

Ce nouveau guide du site développeur ArcGIS comprend 20 didacticiels qui illustrent comment intégrer es services ArcGIS dans une application CesiumJS. Il couvre les prestations suivantes :

Je vous propose de poursuivre cet article si vous voulez en savoir plus sur les différents types d'applications que vous pouvez créer.

Pour démarrer...

Pour commencer à développer avec CesiumJS et les services géospatiaux ArcGIS, vous avez besoin d'un compte ArcGIS Developer ou d'un compte ArcGIS Online. On notera qu'il est possible de commencer avec un compte ArcGIS Developer gratuit pour obtenir un accès complet aux services géospatiaux ArcGIS (mais avec des limites d'usage).

Vous aurez également besoin d'un compte Cesium ion pour développer et déployer votre application. Pour créer un compte, rendez-vous sur ion.cesium.com.

Couches de fond de carte d'imagerie et altimétrie ArcGIS affichées dans CesiumJS

La bibliothèque CesiumJS dispose désormais de nouvelles classes pour accéder aux couches de base ArcGIS, notamment les styles World Imagery, World Oceans et World Hillshade. Vous pouvez accéder à ces couches sous forme de tuiles d'image dans votre application avec la classe ArcGisMapServerImageryProvider. Vous aurez besoin d'un token d'accès ArcGIS pour accéder à ces couches.

Voici un exemple d'ajout d'une couche de base ArcGIS à votre application CesiumJS :

const cesiumAccessToken = "YOUR_CESIUM_ACCESS_TOKEN"; 
Cesium.Ion.defaultAccessToken = cesiumAccessToken;
const apiKey = "YOUR_ARCGIS_API_KEY"; 
Cesium.ArcGisMapService.defaultAccessToken = apiKey; 
const arcgisImagery = Cesium.ArcGisMapServerImageryProvider.fromBasemapType(Cesium.ArcGisBaseMapType.SATELLITE); 
const viewer = new Cesium.Viewer("cesiumContainer", { baseLayer: Cesium.ImageryLayer.fromProviderAsync(arcGisImagery) });

Vous pouvez également charger des couches de base ArcGIS dans votre application directement via le BaseLayerPicker par défaut. Pour charger des couches de cette manière, vous devez remplacer le jeton d'accès par défaut inclus avec CesiumJS :

Cesium.ArcGisMapService.defaultAccessToken = "YOUR_ARCGIS_API_KEY";

Pour en savoir plus sur l'utilisation des couches de base ArcGIS avec CesiumJS, vous pourrez consulter le didacticiel Afficher une scène dans le nouveau guide CesiumJS.

Afficher les données hébergées ArcGIS dans CesiumJS

CesiumJS peut également afficher des couches de données hébergées dans ArcGIS, y compris des couches d'entités 2D et des données 3D I3S. Pour accéder aux entités de votre application, vous pouvez interroger les services d'entités hébergés dans ArcGIS pour afficher des points, des polylignes et des polygones avec la classe GeoJsonDataSource.

Exemple de couches d'entités hébergées que l'on affiche avec un style personnalisé dans CesiumJS.
Les entités représentent des parcs, des sentiers et des points de départ dans les montagnes de Santa Monica.

Voici un exemple d'ajout d'entités à partir d'un service d'entités hébergé :

arcgisRest.queryFeatures({ url: featureServiceURL, authentication, f:"geojson"})
.then((response) => { const data = Cesium.GeoJsonDataSource.load(response) 
viewer.dataSources.add(data); })

Pour plus de détails sur l'ajout de couches d'entités, vous pourrez consulter le didacticiel Ajouter des couches d'entités en tant que GeoJSON.

Une couche de photomaillage 3D (Textured Mesh) affichée dans CesiumJS.
Le photomaillage représente la ville de Francfort, y compris les bâtiments, les rues et les arbres.

Vous pouvez également afficher les données I3S hébergées dans vos applications CesiumJS à l'aide de la classe I3SDataProvider. CesiumJS prend actuellement en charge les couches d'objets 3D et les couches de maillage intégrées qui adhèrent au standard OGC I3S.

Voici un exemple d'ajout de données I3S hébergées à votre application CesiumJS :

const frankfurtMesh = "https://tiles.arcgis.com/tiles/cFEFS0EWrhfDeVw9/arcgis/rest/services/
Buildings_Frankfurt_2021/SceneServer";
const i3sProvider = await Cesium.I3SDataProvider.fromUrl(frankfurtMesh, 
{ geoidTiledTerrainProvider: geoidService, token: apiKey }) 
viewer.scene.primitives.add(i3sProvider);

Pour plus de détails sur la façon d'ajouter des données I3S, consultez le tutoriel Ajouter un maillage intégré.

Exemple de calcul d'itinéraire routier et des directions visualisées dans CesiumJS.
L'itinéraire et les directions ont été calculés à l'aide du service ArcGIS

Vous pouvez également utiliser CesiumJS pour afficher les résultats d'autres services de localisation ArcGIS prêts à l'emploi. Ces services comprennent le service de géocodage, le service de calcul d'itinéraire, le service Géo-enrichissement et le service d'analyse spatiale.

Les capacités 3D de CesiumJS facilitent la visualisation des résultats de service de manière unique. Par exemple, l'image suivante montre les résultats d'une opération d'analyse spatiale visualisée dans CesiumJS.

Résultats d'une analyse des points chauds ArcGIS visualisés à l'aide de CesiumJS.

Cette analyse des points chauds a été réalisée avec le service d'analyse spatiale d'ArcGIS Online, puis les résultats ont été visualisés et extrudés à l'aide de CesiumJS. Les capacités de modélisation de CesiumJS permettent un rendu puissant des données en 3D, qui permet immédiatement de voir où se trouvent les points chauds et froids dans les données. Le nouveau didacticiel Effectuer une analyse d'entités comprend des étapes détaillées sur la façon d'effectuer cette analyse.

Cet article ne montre que quelques exemples de ce que vous pouvez créer avec ArcGIS et CesiumJS. Pour en savoir plus, vous pourrez consulter le guide CesiumJS sur le site Web ArcGIS Developers.

L'adoption du standard OGC I3S s'élargie avec son support dans CesiumJS

Esri annonce que le standard OGC Indexed 3D Scene Layers (I3S) utilisé par ArcGIS pour la diffusion de contenus SIG 3D est désormais pris en charge dans la dernière version de CesiumJS (version 1.99). Cette contribution d'Esri permet aux couches d'objets 3D (3D Object Scene Layers) et aux couches de scène de photomaillages 3D (Integrated Mesh Scene Layers) d'être directement consommées dans CesiumJS. En outre, il permet également d'afficher et de symboliser tout attribut d'entité associé à la couche I3S.

Exemple de couche de scène d'objets 3D I3S chargée dans l'application Cesium Sandcastle

D'un point de vue technique, la compatibilité de la couche I3S est obtenue grâce à une nouvelle primitive de scène I3SDataProvider dans CesiumJS. I3SDataProvider permet le transcodage de la charge utile, des matériaux, de la texture et de la géométrie I3S en glTF (glb).

Adoption d'I3S dans la communauté libre et open source (FOSS)

I3S a gagné en popularité dans la communauté libre et open source (FOSS). Depuis 2019, les frameworks Loaders.gl et Deck.gl ont ajouté la prise en charge du chargement et de la visualisation des couches de scène I3S dans des scènes web. Récemment, la version 3.0 de Loaders.gl a ajouté la prise en charge des couches de scène de bâtiments (BSL - Building Scene Layers). Le profile BSL du standard I3S publié en mars 2019 par Esri passe maintenant par le processus d'adoption de l'OGC pour être inclus dans la norme communautaire OGC I3S 1.3.

Esri a également travaillé avec la communauté Loaders.gl pour créer un convertisseur de tuiles open source, un utilitaire en ligne de commande pour la conversion bidirectionnelle en batch entre les formats I3S et 3D Tiles.

Architecture I3S et support dans CesiumJS

Dans le cadre de cette implémentation, les technologies serveur ArcGIS (Online ou Enterprise) permettent de mettre en place une architecture très performante et sur des volumes importants de données 3D. Depuis plusieurs années maintenant, les couches de scène ArcGIS Online ou ArcGIS Enterprise ont démontré des capacités impressionnantes pour le streaming de flux de données 3D notamment pour des types de couches tels que les objets 3D texturés, les photomaillages 3D, les nuages de points LiDAR, les voxels, ... Au delà de l'API JavaScript ArcGIS qui est l'API de référence pour le développement d'applications web 2D et 3D, une nouvelle option s'offre donc aux développeurs souhaitant exploiter le framework JavaScript Cesium. On pourra aussi préciser que la diversité des services web géospatiaux d'ArcGIS permet également aux utilisateurs de CesiumJS de bénéficier des services web imagerie décrivant une altimétrie précise de son territoire, indispensable dans toute scène 3D.

Sans rentrer pour l'instant dans les détails de l'implémentation des couches de scènes I3S dans CesiumJS, voici un exemple de code qui vous permettra de comprendre la philosophie d'intégration des services 3D d'ArcGIS dans une application CesiumJS.

Évolution du standard I3S

I3S en tant que standard communautaire OGC pour le streaming et le stockage de quantités massives de contenus géospatiaux 3D a rapidement évolué pour adresser de nouveaux cas d'usage et de nouvelles techniques pour faire progresser la visualisation et l'analyse géospatiales en 3D. Le standard I3S permet un encodage et une transmission efficaces de divers types de données géospatiales 3D, notamment des objets 3D, des photomaillages 3D, des nuages de points ainsi que des contenus BIM (Building Information Model) très détaillés. Ainsi, I3S permet une expérience de visualisation interactive via de simples navigateurs web, les applications mobiles et de bureau pour un accès connecté ou déconnecté.

Couche de scène d'objet 3D I3S prise en charge dans Loaders.gl

Loaders.gl et Deck.gl permettent le chargement et la visualisation des couches de scène d'objets 3D, de couches de scène de photomaillage 3D et des couches de scène de bâtiments (OGC I3S Version 1.2 et OGC I3S Version 1.3 en cours).

Un aspect important du standard I3S et qui a évolué est sa prise en charge de la compatibilité multiplateforme pour les textures. Les systèmes 3D performants utilisent régulièrement des textures compressées, comme technique d'optimisation essentielle pour prendre en charge le chargement et l'affichage de quantités massives de textures dans les applications 3D. Les textures supercompressées (GST) décodables par GPU devenant un mécanisme de livraison efficace, I3S a adopté le format Basis Universal Texture comme choix de GST. OGC I3S Version 1.2 a été le premier format de streaming géospatial 3D à se standardiser sur le format Basis Universal SuperCompressed Texture dans les conteneurs khronos KTX™2.0.

Basis Universal a une excellente vitesse de décodage, d'excellents taux de compression (tout en conservant la qualité visuelle) et une compatibilité multiplateforme. Un domaine qui devait être amélioré était son taux d'encodage. Comme détaillé dans cet article du blog ArcGIS, Esri a collaboré avec Binomial pour améliorer la vitesse du codec de texture de Basis Universal de plus de 3 fois au début de 2021. Poursuivant cet engagement cette année, Esri a pu obtenir une amélioration supplémentaire de 10 fois la vitesse d'encodage, lors de l'utilisation du GPU en parallèle. Ces deux améliorations font partie de l'encodeur open source Basis Universal disponible sur github .

Application de comparaison basée sur l'API JavaScript ArcGIS, démontrant les améliorations de la réduction
de la mémoire côté client OGC I3S 1.2. L'application comporte divers signets où, en moyenne, I3S 1.2
affiche plus de 60% d'économies de mémoire côté client lorsque la couche d'entrée I3S est JPEG par rapport
à la texture Basis Universal SuperCompressed dans le conteneur KTX ™ 2.0.

I3S OGC 1.3

En tant que spécification et standard vivant, I3S a évolué depuis sa sortie en tant que premier standard OGC de streaming 3D à l'automne 2017. La dernière version, I3S OGC 1.3, actuellement en cours de vote, ajoute la prise en charge des couches de scène de bâtiments (Building Scene Layers ou BSL). Une couche de scène de bâtiment peut être dérivé d'un contenu de construction 3D, tel que des données BIM, ou d'un modèle de base de données relationnelle contenant des informations spatiales 3D. Ce profil I3S BSL est conçue pour modéliser l'organisation des données de construction en regroupant le contenu dans des disciplines d'ingénierie standard. Le contenu d'une couche de scène de bâtiments peut représenter un bâtiment partiel, un bâtiment individuel ou plusieurs bâtiments sur l'ensemble d'un site.

Cet exemple de site web interactif est basé sur API JavaScript ArcGIS pour la construction de la bibliothèque Turanga (Nouvelle-Zélande). Le code de l'application et un article de blog expliquant comment utiliser un contenu de couche de scène OGC I3S 1.3 (candidat) dans un site web intuitif vous permettant d'explorer différents étages, de naviguer et de visualiser les pièces et les espaces.

En résumé

Comme indiqué ci-dessus, l'adoption d'I3S dans la communauté libre et open source (FOSS) a largement augmenté. Depuis 2019, loaders.gl et deck.gl, une collection de librairie open source de lecture et d'écriture pour les formats de fichiers axés sur la visualisation de données volumineuses, y compris les formats tabulaires, géospatiaux et 3D, ont permis à Esri la prise en charge du chargement et de la visualisation de couches de scène d'objets 3D et de photomaillages I3S. Récemment, la version 3.0 de Loaders.gl a ajouté la prise en charge du type de couche de scène de bâtiments I3S. Ce profil I3S pour les couches de scène de bâtiments a été publié en mars 2019 par Esri et fait actuellement l'objet d'un vote d'adoption pour son inclusion dans le cadre de la norme communautaire I3S OGC 1.3.

Cette contribution d'Esri en collaboration avec Presagis et Spiria autour de CesiumJS a pour objectif d'augmenter encore l'adoption d'I3S dans la communauté FOSS. Couplé au convertisseur de tuiles open source qui permet une conversion par lots bidirectionnelle entre les tuiles I3S et 3D, Esri souhaite que ce travail fasse progresser l'interopérabilité dans la communauté géospatiale en général.

Inscription à : Articles ( Atom )

Esri annonce le support des services géospatiaux ArcGIS dans CesiumJS

L'adoption du standard OGC I3S s'élargie avec son support dans CesiumJS

Archives du blog

Articles les plus consultés

HTML_arcorama_2

Visiteurs actuellement connectés

Suivre arcOrama - RSS et email

Obtenez les nouveaux articles par mail :

Qui êtes-vous ?