Bonjour, aujourd'hui je vais vous présenter les nouveautés de la version 4.16, disponible depuis hier ! Elle comprend de nombreuses nouvelles fonctionnalités et améliorations pour la création d'applications Web cartographiques puissantes. Cet article présentes les nouveautés phares de cette version comme l'étiquetage des clusters, la symbologie des vecteurs de lignes et de polygones, les reflets de l'eau dans les scènes 3D et une nouvelle façon de donner vie à vos données avec le mélange de couches.
Mélange des couches
Cette puissante fonctionnalité vous permet d'appliquer dynamiquement des effets de type Photoshop aux cartes, le tout dans le navigateur. Plutôt que de produire une image statique, vous vous retrouvez avec une carte interactive en direct. Cette puissante capacité vous permet d'appliquer l'un des 30 modes de fusion à vos couches pour créer des effets intéressants, ou même pour produire ce qui semble être un nouveau couche.
Dans cette animation, une couche qui montre les données de particules de 2,5 (PM 2,5) sur la qualité de l'air pour les États-Unis entre 1998 et 2016 sur la base des données maillées de la NASA SEDAC est mélangée en utilisant la multiplication avec une couche d'ombrage qui montre une relation intéressante entre les montagnes, les vallées et les concentration de la pollution atmosphérique.
Dans le monde de la photographie et de la conception graphique, les modes de fusion sont couramment utilisés lors de la restauration ou de la retouche de photos. Dans le monde de la cartographie, ils sont utilisés pour mélanger les couches ensemble pour créer un effet intéressant dans un couche, ou même pour produire ce qui semble être un nouveau couche en mélangeant les couches de la carte. Contrairement à la méthode d'utilisation de la transparence qui peut entraîner un couche délavé, les modes de fusion peuvent créer une variété de résultats intéressant en mélangeant un couche avec le(s) couche(s) en dessous. La fusion est prise en charge avec tous les types de couches et vous pouvez mélanger n'importe quel nombre de couches ensemble.
Pour mélanger des couches dans votre application, vous définissez simplement la propriété blendMode sur le couche:
const layer = new FeatureLayer({
url: “url”,
blendMode: “multiply”
});
Étiquetage de cluster
Le clustering est arrivé dans la version de Décembre, vous pouvez retrouver mon article sur le tutoriel sur le clustering ainsi que celui ci pour visualiser un exemple réalisé par des étudiants de Science U Lyon. Vous pouvez désormais étiqueter les clusters. Non seulement avec un simple nombre de fonctionnalités que chaque cluster représente, mais avec la flexibilité totale des capacités LabelClass de l'API. Cela signifie que vous pouvez:
- Créez une ou plusieurs étiquettes dynamiquement basées sur une expression Arcade à l'aide de valeurs d'attribut, comme dans cet exemple.
- Utilisez les statistiques récapitulatives utilisées par la fenêtre contextuelle du cluster, telles que la moyenne d'un champ numérique et la valeur prédominante d'un champ chaîne.
- Contrôlez le positionnement des étiquettes.
- Définissez une condition à laquelle les étiquettes doivent être affichées.
- Affichez les étiquettes sur plusieurs lignes.
Cet exemple montre des tremblements de terre groupés. Les étiquettes ne s'affichent que lorsqu'il y a plus de 100 entités dans un cluster. Pour implémenter cela, j'ai défini une clause where:
where: “cluster_count > 100”
Fonctionnalités de l'API OGC - l'évolution de WFS
Un nouveau type de couche appelé OGCFeatureLayer vous permet de visualiser les données d'un service OGC API Features en 2D et en 3D. La norme OGC API Features est le successeur de la précédente spécification OGC Web Feature Service (WFS). La nouvelle norme est adoptée par plusieurs implémentations de serveur car elle présente de nombreuses améliorations par rapport à WFS; notamment des performances plus rapides et une conception modernisée, cohérente et modulaire. La prise en charge de WFS est toujours à l'étude.
Reflets de l'eau
Nous continuons d'améliorer la qualité visuelle 3D des scènes. Plus tôt cette année, nous avons ajouté un support matériel de rendu basé physiquement (PBR) et un éclairage global amélioré, et avec cette version, nous introduisons des reflets d'eau. Avec cet ajout, vous pouvez obtenir un aspect réaliste en affichant les reflets des bâtiments, des montagnes et d'autres objets 3D dans l'eau en définissant view.environment.lighting.waterReflectionEnabled sur true. D'autres propriétés telles que le réglage de la couleur dominante de l'eau, la force de la vague et la direction des vagues peuvent s'ajouter à cette visualisation réaliste de l'eau.
Modifications de maillage intégrées
Modifiez la forme d'un IntegratedMeshLayer en appliquant des modifications côté client. Une nouvelle classe SceneModifications vous permet de modifier les aspects d'un maillage intégré des manières suivantes:
- Remplacez des parties du maillage par d'autres données 3D telles que des bâtiments (pratique en urbanisme)
- Masquez le maillage à la forme souhaitée (supprimez les parties indésirables).
- Poussez temporairement le maillage dans des scénarios de type «excavation».
La classe SceneModifications peut être conservé à l'aide de WebScene.save(), permettant aux utilisateurs de partager leur maillage intégré modifié via des scènes Web.
Nouveau widget Building Explorer
Mieux comprendre les données de construction complètes provenant des modèles d'informations de construction (BIM) à l'aide du nouveau widget Building Explorer. Une interface utilisateur préconfigurée et intuitive vous permet d'isoler des niveaux, des catégories ou des phases de construction spécifiques pour un ou plusieurs bâtiments de votre scène.
Vous pouvez reconnaître ce widget à partir de la visionneuse de scène . Maintenant qu'il fait partie de l'API, vous pouvez créer une expérience similaire dans votre application ou personnaliser l'interface utilisateur pour vos flux de travail BIM spécifiques. Le widget fournit des options simples pour basculer la visibilité des composants de l'interface utilisateur.
Symboles CIM de vecteur ligne et polygone
La symbologie vectorielle pour les cartes 2D a été introduite à la version 4.12. Cela a donné aux développeurs la possibilité de créer de belles cartes qui affichent une netteté à n'importe quelle échelle (voir la comparaison entre une image à l'échelle et un symbole de vecteur à l'échelle ci-dessous) :
Jusqu'à présent, seuls les symboles ponctuels étaient pris en charge. Avec cette version, vous pouvez désormais afficher des lignes et des polygones dans des cartes 2D. Cette amélioration vous permet de créer des symboles de ligne à plusieurs couches qui vous permettent de représenter des routes revêtues, d'utiliser des motifs de ligne personnalisés ou de placer des marqueurs n'importe où sur votre ligne. Sous le capot, il est alimenté par CIM (via la classe CIMSymbol de l'API), qui est le modèle d'informations cartographiques de la plateforme ArcGIS. Les symboles peuvent avoir plusieurs couches qui peuvent être contrôlées séparément et dynamiquement, en utilisant la logique d'expression et les attributs de fonctionnalité.
Un support a également été ajouté pour la lecture et l'écriture des symboles CIM dans les cartes Web.
Puissantes capacités côté client pour l'imagerie
Des avancées ont été réalisées dans l'API dans les versions 4.15 et 4.16 pour vous permettre de tirer parti de la puissance du client pour l'imagerie. Dans le passé, la projection et le rendu des images étaient effectués sur le serveur et livrés au client sous forme d'images JPEG/PNG pour affichage. Le nouveau ImageryTileLayer vous permet d'effectuer un rendu côté client des données raster et des capacités dynamiques telles que:
- Projection côté client des données raster fournies sous forme de tuiles.
- Visualisez le terrain sur une carte 2D et appliquez même un relief ombré à l'aide du nouveau RasterShadedReliefRenderer (disponible pour les couches d'images en mosaïque et dynamiques).
- Récupérez des données brutes de pixels dans une mesure: l'accès aux pixels fournit une passerelle pour aller au-delà de la visualisation d'images, telles que les graphiques interactifs, les statistiques locales.
- Modifiez dynamiquement le rendu (valeur unique, étirement, interruptions de classe) pour les couches de tuiles d'imagerie sur le client.
- Prise en charge des couches de tuiles d'imagerie dans les cartes 2D et les scènes 3D.
https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-renderer/index.html
Edition dans la table attributaire (béta)
Nous avons ajouté la prise en charge de la modification au widget FeatureTable. Si la modification du service d'entités pour laquelle la table affiche des données est activée et que la propriété editingEnabled de la table d'entités est définie sur true, les utilisateurs finaux pourront modifier leurs données d'attribut en double-cliquant sur une cellule.
Popups: ajouter du contenu personnalisé
Maintenant, en plus des champs, des médias, du texte et des pièces jointes, vous pouvez incorporer à peu près n'importe quoi dans un élément contextuel appelé CustomContent. Ce type d'élément de contenu peut fonctionner avec du contenu tel que des chaînes, des HTMLElements, des widgets et/ou une promesse.
Comment ça marche? Un PopupTemplate formate et définit le contenu d'une popup pour un calque ou un graphique spécifique. Vous pouvez spécifier n'importe quelle combinaison d'éléments contextuels que vous souhaitez afficher dans la section de contenu de la fenêtre contextuelle lorsque l'utilisateur clique sur une fonctionnalité telle que des informations d'attribut formatées, un graphique et votre contenu personnalisé comme un bouton ou un widget API.
Modernisation de l'API
- L'API n'a plus de dépendances sur Dojo.
Esri a développé une nouvelle solution pour localiser les widgets de l'API pour remplacer dojo / i18n.
- L'API renvoie des promesses natives.
- Les classes utilisent désormais la syntaxe de classe native au lieu de dojo /_base /declare.
Consultez les release notes pour plus de détails sur cette modification, ou découvrez comment implémenter des classes à l'aide de ce guide.
Dépréciation d'IE 11
Internet Explorer 11 est désormais obsolète dans la version 4.16 de l'API JavaScript. Il est également obsolète dans d'autres parties de la plate-forme ArcGIS; par exemple, ArcGIS Online et ArcGIS Enterprise ont annoncé la dépréciation d'IE11 et d'Edge Legacy ainsi qu'une date de fin de prise en charge dans ArcGIS Online d'ici la fin de 2020. Les utilisateurs sont fortement encouragés à passer à un navigateur moderne tel que Mozilla Firefox, Google Chrome, Apple Safari ou Microsoft Edge. Bien qu'Internet Explorer 11 continue d'être pris en charge, l'utilisation d'Internet Explorer 11 est déconseillée et la prise en charge sera interrompue lors d'une prochaine version. Un avis supplémentaire sera fourni avant la suppression du support.
Et plus encore ...
- La possibilité d'avoir des flèches, des diamants, des croix et d'autres marqueurs au début et / ou à la fin de SimpleLineSymbols dans une MapView 2D.
https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-LineSymbolMarker.html#style
- Obtenez des informations sur les performances et la consommation de mémoire des couches de votre scène 3D à l'aide d'une propriété pratique appelée performanceInfo. Un nouvel exemple illustre comment vous pouvez utiliser la propriété pour mieux comprendre la quantité et la complexité des données visualisées dans votre scène.
- Un nouveau widget appelé TableList qui est très similaire à LayerList, mais est utilisé pour afficher une liste de tables.
Je vous ai fait ici un listing des principales nouveautés, n'hésitez pas à consulter les release notes pour voir toutes les nouveautés.
Vous pouvez vous abonner à ce blog pour lire d'autres articles sur le développement Web d'applications cartographiques et découvrir comment notre API 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