Rechercher dans le blog

Nouveautés de la version 4.22 de l'ArcGIS API for JavaScript

Bonjour, aujourd'hui je vais vous présenter les nouveautés de l'API JavaScript 4.22.
Parmi ces nouveautés, on retrouve notamment des rationalisations animées, une météo réaliste dans des scènes 3D, une meilleure cartographie, des mises à jour clés de GeoJSON et bien plus encore. Voici un aperçu de certaines des nouvelles fonctionnalités.

Visualisez vos données raster avec des rationalisations animées

Le nouveau AnimatedFlowRenderer (bêta) visualise la direction du flux et les informations de magnitude pour les données raster de météorologie et d'océanographie.

Dans l'exemple suivant, nous visualisons une couche de tuiles d'imagerie hébergée contenant des données de magnitude et de direction du vent (données de vent NLDAS 2011 de la NASA). La vitesse des animations de ligne correspond au concept sous-jacent de l'amplitude de la vitesse, et la nature continue de la visualisation permet de repérer plus facilement les modèles dans les données. Esri a d'abord introduit cette technique de visualisation en tant qu'implémentation WebGL personnalisée, mais avec cette version, elle est intégrée à l'API et s'applique facilement en tant que moteur de rendu pour vos couches d'imagerie. Cela fonctionne également bien avec les effets de calque et le mélange, comme indiqué dans l'animation ci-dessous et cet exemple : AnimatedFlowRenderer avec effets et mélange.

Les courants océaniques représentés par des lignes de courant animées sont mélangés à une couche de température de surface de la mer pour les couleurs des lignes. Les lignes ont un effet de flou, leur donnant un éclat.

Esri continuera d'améliorer le moteur de rendu de flux animé dans les versions suivantes, par exemple, la prise en charge des variables visuelles pour piloter des aspects tels que l'opacité et la couleur des lignes, et l'intégration avec le curseur temporel.

Performances et stabilité améliorées

Dans le cadre des efforts continus pour améliorer les performances, Esri a réduit l'utilisation de la mémoire jusqu'à 50 % pour les applications avec des couches d'entités utilisant des polygones simples et des contours de polygones simples en rationalisant la façon dont les données de sommet sont codées. Cela contribuera à augmenter la stabilité sur les appareils à ressources limitées comme les téléphones et les tablettes.

Contrôlez la météo dans vos scènes

Rendez vos scènes plus réalistes en configurant les conditions météorologiques de ensoleillé à nuageux et même brumeux, de jour comme de nuit. Vous pouvez ajuster la couverture nuageuse, la force du brouillard et l'heure de la journée pour ajouter une météo réaliste au niveau du sol. Cette version inclut également des améliorations de l'atmosphère, offrant un éclairage plus réaliste, en particulier autour du lever et du coucher du soleil.

Cet exemple montre comment modifier la visualisation météorologique d'une scène ensoleillée, nuageuse, pluvieuse et brumeuse.

Motifs de lignes (3D)

Utilisez des motifs dans les lignes ou les contours de polygones pour symboliser des informations supplémentaires, par exemple, pour différencier les entités planifiées des entités existantes. Une nouvelle classe LineStylePattern3D prend en charge une variété de styles, à égalité avec les capacités 2D existantes. Les motifs peuvent être déterminés par des valeurs d'attribut, combinés à des variables visuelles, et affichés drapés au sol ou surélevés.

Les motifs de lignes sont utilisés pour communiquer la difficulté des sections le long d'un sentier de randonnée. Nous pouvons utiliser également des motifs pour distinguer les lignes de chemin de fer des itinéraires de téléphérique et montrer qui ne sont en service que pendant l'hiver.

Couches de voxels (bêta)

Créez des applications Web qui visualisent vos informations spatiales et temporelles multidimensionnelles sous forme de volume 3D via la nouvelle couche voxel. Par exemple, ils sont utilisés pour visualiser des données atmosphériques ou océaniques, un modèle géologique souterrain ou des cubes espace-temps sous forme de couches de voxels. Vous pouvez les utiliser pour explorer les relations spatiales avec d'autres contenus en les visualisant ensemble. Par exemple, vous souhaiterez peut-être afficher un modèle géologique souterrain avec des trous de forage ou une construction prévue dans une zone. Les prochaines versions ajouteront la prise en charge des outils d'exploration et des fenêtres contextuelles pour inspecter les voxels individuels. Dans un avenir proche, les couches de voxels seront également prises en charge dans les scènes Web. N'hésitez pas à partager vos remarques dans ce post dans Esri Community.

Cette couche de voxels est le modèle GeoTOP du Geological Survey of the Netherlands et montre la perméabilité du sol aux Pays-Bas.

Widget de traçage du réseau de services publics

Le traçage du réseau de distribution est souvent utilisé pour aider à fournir des ressources aux clients, suivre la santé d'un réseau et identifier les zones qui se détériorent. Dans la version 4.20, Esri a  introduit le traçage du réseau de services publics, auquel on pouvait accéder par programme via une méthode de trace. Avec 4.22, le nouveau widget de trace de réseau de services publics offre une expérience utilisateur pour l'exécution d'une trace. Le widget permet aux utilisateurs de définir le point de départ de la trace du réseau, et des points de barrière sont ajoutés pour marquer les emplacements d'arrêt de la trace.

Le widget trace un service de réseau de distribution d'eau pour identifier les vannes du système qui doivent être fermées pour arrêter le débit d'eau et quels clients seront affectés par la panne d'eau qui s'ensuivra.

Plus de rampes de couleurs

L'API ArcGIS for JavaScript fournit des centaines de dégradés de couleurs qui permettent aux développeurs d'améliorer l'expérience cartographique dans leurs applications. De nombreux cartographes avec des décennies d'expérience dans la théorie des couleurs et une connaissance du fonctionnement des différences de perception entre les couleurs ont créé ces dégradés de couleurs. Dans cette version, Esri a élargi la sélection pour inclure 167 rampes de couleurs supplémentaires adaptées aux daltoniens (vous pourriez même apprécier certains des noms ; Alligator Armor, Cigar Smoke, Esri Bananas et Chocolate Mint).

Ces rampes comprennent des dizaines de rampes au-dessus et en dessous nouvellement conçues qui mettent l'accent sur les valeurs moyennes, en plus des valeurs au-dessus et en dessous de la valeur médiane critique. Traditionnellement, les dégradés de couleurs au-dessus et en dessous utilisent des teintes neutres qui se fondent dans le fond de carte, ce qui rend difficile la visualisation de ces points. Il existe de nombreux scénarios où cela est souhaitable (par exemple, lorsque les valeurs importantes sont plus éloignées du centre). Cependant, Esri a ajouté des rampes qui rendent les valeurs moyennes plus évidentes afin que les utilisateurs puissent facilement voir les emplacements de tous les points de données, en particulier lorsqu'il est important de mettre en évidence les valeurs moyennes en plus des extrêmes.


Meilleures pratiques pour visualiser des données haute densité

Esri a ajouté de nouvelles rubriques de guide qui traitent des astuces pour afficher les données haute densité de manière significative. Ce chapitre présente sept techniques efficaces pour visualiser des données avec des fonctionnalités qui se chevauchent, notamment le regroupement, la carte thermique, l'opacité, le bloom, l'agrégation, l'amincissement et la plage d'échelle visible. Un résumé de ces concepts est décrit dans les Techniques de visualisation de données à haute densité sur le blog Web.

Étiquettes de polyligne améliorées

Esri a amélioré l'expérience d'étiquetage des polylignes en offrant aux développeurs davantage d'options de contrôle et de configuration :

Étiquettes parallèles : Auparavant, l'API n'autorisait qu'une labelPosition « incurvée », ce qui signifiait que chacun des caractères de l'étiquette suivait la courbe de la polyligne. La version 4.22 introduit une option « parallèle » supplémentaire qui garantit que les caractères de l'étiquette seront toujours droits et que l'orientation de l'étiquette sera basée sur l'angle de la courbe de la polyligne.

Fréquence de répétition : contrôle de la distance entre les étiquettes répétées sur une polyligne.

Étiquettes de dépassement : configurez si les étiquettes doivent dépasser l'entité géométrique à étiqueter, par ex. après la fin d'un segment de polyligne.

Voir les images ci-dessous pour comparer le fonctionnement de l'étiquetage polyligne plus flexible :

A gauche : configuration par défaut en 4.21. 
À droite : la position de l'étiquette est définie sur parallèle et les étiquettes sont répétées tous les 200 pts.

GeoJSON, CSV et GeoRSS – mises à jour clés

Actualiser les données : avec cette version, vous pouvez configurer les couches CSV, GeoRSS et GeoJSON pour qu'elles soient actualisées ; cela signifie que de nouvelles données sont récupérées une fois ces couches initialisées et chargées dans la carte. Cela peut être fait une fois (explicitement) ou périodiquement en définissant un délai pour l'actualisation (en minutes).

Paramètres personnalisés : Esri a ajouté la prise en charge des paramètres personnalisés sur les couches CSV et GeoJSON. Cette propriété est utilisée pour définir des paramètres de requête supplémentaires lorsque la couche est initialisée ou actualisée. Consultez cet exemple pour voir l'actualisation et les paramètres personnalisés en action sur la couche GeoJSON.

GeoJSON dans les cartes Web et les scènes Web : créez et enregistrez des cartes Web et des scènes Web qui incluent des couches GeoJSON. Cela se fait à l'aide de l'expérience de création ArcGIS Online dans Map Viewer et Scene Viewer, ou par programmation dans votre application.

Des fenêtres contextuelles plus intelligentes, plus rapides et flexibles

Diverses améliorations ont été apportées à la fenêtre contextuelle :

Afficher uniquement les fenêtres contextuelles pour les entités visibles : à partir de la version 4.22, la fenêtre contextuelle s'affiche uniquement pour les entités visibles sur la carte. Si un filtre est appliqué, seules les entités qui passent le filtre renverront une fenêtre contextuelle. Esri continuera d'améliorer les comportements des popups dans les prochaines versions.

Performances optimisées : la fenêtre contextuelle n'effectue qu'une seule requête auprès du serveur pour les attributs manquants si tous les attributs requis ne sont pas disponibles côté client. Aucune requête serveur n'est effectuée si tous les attributs sont disponibles sur le client.

Utilisez Arcade pour créer des éléments de contenu contextuel : plutôt que d'utiliser JavaScript, vous pouvez utiliser Arcade pour définir du contenu contextuel dynamique, notamment du texte enrichi avec HTML, des tableaux et des graphiques. La puissance de cette approche est que vous pouvez enregistrer des éléments contextuels conditionnels dans une carte Web et la charger dans n'importe quelle application ArcGIS, offrant une expérience utilisateur cohérente pour les applications chargeant la même carte Web. Cette fonctionnalité est particulièrement utile dans les couches représentant des données agrégées. Découvrez ces exemples d'utilisation d'Arcade pour créer des éléments de contenu contextuels.


Aperçu automatique des pièces jointes : si les capacités de la couche d'entités incluent le redimensionnement des pièces jointes (supportsResizeAttachments), le contenu s'affichera en mode aperçu comme ceci :

La fenêtre contextuelle par défaut 4.22 affiche ces photos de piste sous forme d'aperçus complets, améliorant ainsi l'expérience contextuelle.

Configurer des effets spécifiques aux fonctionnalités dans Map Viewer

Les effets de carte appliquent des effets graphiques de type logiciel aux entités d'une couche de carte. Les effets spécifiques aux entités passent à l'étape suivante en permettant aux auteurs de cartes d'accentuer certaines entités d'une couche avec un type d'effet et d'atténuer le reste en utilisant un effet différent. Bien que cette fonctionnalité soit disponible par programmation via l'API depuis un certain temps, elle est nouvelle pour ArcGIS Online Map Viewer (qui fait partie de la mise à jour de décembre 2021). Il offre une excellente expérience pour jouer avec les effets et le filtrage des entités à l'aide d'outils de création de cartes, qui peuvent être enregistrés sur votre carte Web et facilement chargés dans votre application Web. Les effets persistants des entités dans les couches, que ce soit dans Map Viewer ou par programmation dans votre application JS, sont pris en charge pour les types de couches suivants : CSV, GeoJSON, couches d'entités, couches d'entités OGC et couches WFS. Consultez les notes de version pour plus de détails sur la mise en œuvre.

Dans Map Viewer, vous pouvez utiliser un histogramme pour jouer avec les critères de filtre (déterminer les fonctionnalités auxquelles appliquer l'effet). Utilisez les poignées pour faire glisser les points d'arrêt ou définissez les valeurs manuellement.

MapView.hitTest amélioré dans les couches graphiques

MapView.hittest renvoie désormais toutes les entités qui croisent les coordonnées d'écran spécifiées à partir d'une couche graphique. Auparavant, il ne renvoyait que l'entité la plus élevée d'une couche graphique. Esri va implémenter ce comportement pour d'autres couches dans les prochaines versions.

Widget Search

Lorsque l'échelle de la vue est inférieure ou égale à 1:300 000, le widget Search priorise les candidats en fonction de leur distance par rapport au centre de la vue. Vous pouvez choisir de remplacer ce comportement par défaut en utilisant la propriété localSearchDisabled.

Géoignets temporels

Le widget Bookmarks a été mis à jour pour prendre en charge une nouvelle dimension : le temps. Cliquer sur un signet temporel affecte non seulement le point de vue, mais également la période de la carte en définissant l'étendue temporelle de la vue. Dans l'exemple ci-dessous, les ouragans et les tempêtes sont visualisés à l'aide d'un curseur temporel de 1965 à 2015. Les géosignets sont utilisés pour passer d'une période à l'autre au cours de laquelle les ouragans se sont produits. Étant donné que le curseur temporel définit le View.timeExtent, tous les nouveaux signets créés par l'utilisateur seront automatiquement activés dans le temps.


Découvrir plus

Il y a beaucoup plus dans cette version, y compris la prise en charge temporelle des couches de tuiles d'imagerie et des couches WCS, une sélection graphique plus facile lors de l'esquisse et un meilleur affichage des entités surfaciques qui se chevauchent. N'hésitez pas à consulter les notes de version et prenez les nouvelles capacités pour un essai routier en utilisant les derniers exemples de code.

Actualité 3.x : Fin du support pour Internet Explorer 11

La prise en charge d'Internet Explorer 11 et de Microsoft Edge Legacy a été dépréciée à la version 3.35 et est interrompue à partir de la version 3.39.

Vous pouvez vous abonner à ce blog pour lire d'autres articles sur le développement Web d'applications cartographiques et découvrir comment l'ArcGIS API JavaScript est une superbe alternative à Google Maps ! Vous voulez vous aussi réaliser des applications Web cartographiques et dynamiques ? N'hésitez pas à souscrire à un plan gratuit ArcGIS for Developers pour développer vos propres applications cartographiques 2D ou 3D ! Cet article résume ce que vous obtiendrez. Et pour en savoir sur l'API c'est ici.

Aucun commentaire:

Enregistrer un commentaire