Explorer les expressions Arcade dans une carte Web
Explorer les étiquettes Arcade
Le SIG Web vous permet de partager, d’emprunter et de réutiliser les données de diverses sources. Vous n’êtes plus limité aux données que votre organisation collecte et gère. Il arrive cependant souvent que la mise en forme des données provenant d’autres sources ne convienne pas à vos besoins spécifiques. ArcGIS Arcade vous permet d’adapter les données d’autres personnes à votre visualisation et à votre narration. Vous êtes ainsi libéré des contraintes inhérentes à la façon dont les données sont structurées.
Vous allez commencer ce didacticiel en explorant un exemple de Arcade utilisé pour mettre en forme des étiquettes de la carte à partir d’un champ de date.
- Ouvrez l’application Anti-Shipping Activity Messages.
Les symboles sur cette carte représentent les actes hostiles envers les navires et les marins. On parle également d’actes de piraterie. Ces données ont été créées par la National Geospatial-Intelligence Agency (NGA) et l’équipe ArcGIS Living Atlas of the World de Esri.
Remarque :
Pour en savoir plus sur les données, cliquez sur le bouton Info (Informations) sous les contrôles de navigation de la carte.
- Zoomez et déplacez-vous pour explorer la carte.
- Cliquez sur l’un des points de la carte.
Une fenêtre contextuelle affichant une description de l’acte hostile apparaît.
Cette carte a été créée à l’aide de plusieurs expressions Arcade. Les expressions ne sont pas visibles dans l’application, mais fonctionnent plutôt en arrière-plan pour garantir une communication claire de l’application. Vous allez ensuite ouvrir la carte Web et parcourir certaines de ces expressions Arcade.
- Ouvrez la carte Web Anti-Shipping Activity Messages.
- Effectuez un zoom avant sur la carte jusqu’à ce que des étiquettes s’affichent.
Chaque point est étiqueté avec son année.
- Le cas échéant, dans la barre d’outils Contents (Contenu) (foncée), cliquez sur le bouton Layers (Couches) pour ouvrir la fenêtre Layers (Couches).
- Dans la fenêtre Layers (Couches), en regard de Anti-Shipping Activity Messages, cliquez sur le bouton Options.
- Cliquez sur Show table (Afficher la table).
La table attributaire de la couche s’affiche.
- Faites défiler la table pour voir les champs.
Aucun champ ne répertorie l’année. Il y a seulement le champ Event Date (Date de l’événement). Il indique l’année, mais également le mois, la date et l’heure de chaque incident.
- Fermez la table.
- Dans la barre d'outils Settings (Paramètres) (claire), cliquez sur le bouton Labels (Étiquettes) pour ouvrir la fenêtre Label features (Étiqueter les entités).
- Sous Label field (Champ d’étiquette), en regard de Year (Année), cliquez sur le bouton Expression.
La fenêtre du générateur d’expressions s’ouvre. Year (Année) n’est pas le nom d’un champ, mais le nom d’une expression.
L’expression est Year(ToUTC($feature.dateofocc)). Cette courte expression extrait uniquement les informations sur l’année du champ Event Date (Date de l’événement). Year() est la fonction qui extrait le nombre approprié. ToUTC() est une autre fonction qui convertit le format de date. $feature.datofocc sont les entités du champ Event Date (Date de l’événement), également nommé dateofocc.
- Au-dessus de l’expression, cliquez sur le bouton Run (Exécuter).
Une sortie apparaît sous l’expression. Elle montre une année au lieu d’une date plus longue.
Les résultats de cette expression sont des étiquettes qui ressemblent à 1990 au lieu de 1990-06-02T21:00:00-03:00. Les étiquettes plus courtes sont plus faciles à comprendre et contribuent à désencombrer la carte.
- Fermez la fenêtre du générateur d’expressions.
Remarque :
Pour voir un autre exemple d’application avec des étiquettes Arcade, consultez USGS Global Earthquakes. Sélectionnez la couche Recent Earthquakes – Events by Magnitude (Tremblements de terre récents – Événements par magnitude) et ouvrez la fenêtre Labels (Étiquettes) pour voir une expression qui attribue uniquement des étiquettes aux tremblements de terre récents.
Explorer les fenêtres contextuelles Arcade
Vous allez maintenant découvrir la contribution de plusieurs expressions Arcade aux fenêtres contextuelles de cette carte. Plus précisément, vous allez apprendre comment Arcade permet de définir la couleur du texte dans la fenêtre contextuelle en fonction des valeurs attributaires des données.
- Sur la carte, cliquez sur un symbole rose, rouge ou violet pour ouvrir sa fenêtre contextuelle.
Remarque :
Si la carte comporte uniquement des symboles jaunes, cliquez sur un symbole jaune. Les symboles roses, rouges et violets servent à identifier les incidents qui se sont produits dans l’année en cours.
La fenêtre contextuelle présente le type d’incident et la date en gras et dans la couleur de symbole du type d’incident. Elle affiche également une description de l’incident.
- Dans la barre d’outils Settings (Paramètres), cliquez sur le bouton Pop-ups (Fenêtres contextuelles) pour ouvrir la fenêtre Pop-ups (Fenêtres contextuelles).
- Cliquez sur Attribute expressions (Expressions attributaires).
Trois expressions sont utilisées dans cette fenêtre contextuelle. Date Conversion (Conversion de date) est semblable à l’expression utilisée pour les étiquettes. Hostility Type Classification (Classification du type d’hostilité) et Hostility Type Color (Couleur du type d’hostilité) déterminent toutes les deux la catégorie de l’incident.
- Cliquez sur Hostility Type Color (Couleur du type d’hostilité).
Cette expression répertorie les valeurs du champ hostilitytype_1 et attribue à chacune une couleur, définie par des codes hexadécimaux.
Par exemple, la ligne 3 stipule que lorsque le type (la valeur du champ hostilitytype_1) est égal à 1, la couleur est définie sur #e055a8 (rose). Le texte gris dans l’expression correspond à des commentaires énonçant la description de chaque type.
Vous allez maintenant voir comment cette expression est utilisée dans la fenêtre contextuelle.
- Fermez la fenêtre du générateur d’expressions.
- Dans le volet Attribute expressions (Expressions attributaires), cliquez sur la flèche de retour.
- Dans la fenêtre Pop-ups (Fenêtres contextuelles), cliquez sur Text (Texte). Cliquez sur Edit text (Modifier le texte).
La majorité du texte dans la fenêtre contextuelle découle du champ description, mais le texte en gras en haut de la fenêtre contextuelle découle de deux expressions.
- Mettez en surbrillance les deux expressions, {expression/expr1} et {expression/expr0}, puis cliquez sur le bouton Font Color (Couleur de police).
Sur l’onglet Data-driven (Dynamique), l’expression Hostility Type Color (Couleur du type d’hostilité) est sélectionnée.
La couleur de ces deux lignes de texte est déterminée par l’expression sélectionnée.
- Cliquez sur Done (Terminé).
La couleur du lien here (ici) à la fin de la description est définie de la même façon.
- Cliquez sur Annuler.
- Sur la carte, cliquez sur d’autres symboles pour voir comment la couleur du texte change selon le type d’hostilité de l’incident.
Les expressions Arcade vous permettent de créer des fenêtres contextuelles avec les informations les plus pertinentes, mises en forme de la façon la plus adéquate.
Remarque :
Pour voir un autre exemple d’application avec des fenêtres contextuelles Arcade, consultez Coral Reef Bleaching Stations. La couche Coral Reef Station – Null utilise quatre expressions pour créer ses fenêtres contextuelles, dont une génère des URL vers les images des entités.
Explorer les symboles Arcade
Dans le dernier exemple de ce didacticiel, vous allez explorer une expression Arcade plus complexe qui détermine la taille des symboles en fonction de l’échelle actuelle de la carte.
- Dans la barre d’outils Settings (Paramètres), cliquez sur le bouton Styles pour ouvrir la fenêtre Styles.
Sous Choose attributes (Choisir des attributs), deux éléments sont répertoriés. Il ne s’agit pas de champs de la table attributaire, mais d’expressions Arcade. L’une de ces expressions, Current Year Incidents (Incidents de l’année en cours), détermine la couleur des symboles de la carte. L’autre, Set the Symbol Size by Map Scale (Définir la taille du symbole en fonction de l’échelle de la carte), détermine leur taille.
- Cliquez sur Set the Symbol Size by Map Scale (Définir la taille du symbole en fonction de l’échelle de la carte).
La fenêtre du générateur d’expressions s’ouvre. Cette expression utilise le même champ Event Date (Date de l’événement) (dateofocc) que celui que vous avez rencontré dans l’expression d’étiquetage.
- Lisez les lignes 8 à 13:
When( vs > 72000000, Old, vs > 1700000, 1 + Old, vs > 8000000, 2 + Old, vs > 3000000, 3 + Old, vs > 1000000, 4 + Old, 5 + Old)La variable vs a été définie auparavant dans l’expression comme $view.scale et se rapporte à l’échelle actuelle de la carte. La variable Old (Ancien) a également été définie auparavant dans l’expression et définit la taille de chaque symbole. Pour les incidents de l’année en cours, la valeur de la variable Old (Ancien) est 9. Pour les incidents antérieurs, la valeur de la variable Old (Ancien) est 3.5 (3,5).
Cette partie de l’expression augmente la variable Old (Ancien) à mesure que l’échelle décroît, ce qui entraîne le grossissement des symboles lorsque vous appliquez un zoom avant sur la carte.
Remarque :
La variable Old (Ancien) est définie à la ligne 6 : var Old = Iif (dataYear != Year(Today()), 3.5, 9).
Cette ligne indique que si l’année de l’incident (dataYear) n’est pas la même (!=) que l’année en cours (Year(Today())), la valeur de la variable Old (Ancien) est définie sur 3.5 (3,5). Sinon (si l’année est la même que l’année en cours), la valeur est définie sur 9. Cette expression génère de grands symboles pour les incidents récents et de petits symboles pour les incidents plus anciens.
- Fermez la fenêtre du générateur d’expressions.
- Appliquez un zoom avant et arrière sur la carte.
L’effet est subtil, mais les cercles jaunes apparaissent plus petits lorsque vous appliquez un zoom arrière et plus grands lorsque vous appliquez un zoom avant.
Remarque :
Pour voir un autre exemple d’application avec la symbologie Arcade, consultez Live Stream Gauges. Cette carte utilise une expression similaire pour contrôler la taille des symboles en fonction de l’échelle de la carte. Elle utilise également une expression pour déterminer le statut de chaque entité.
Dans ce didacticiel, vous avez vu comment personnaliser des étiquettes, des fenêtres contextuelles et des symboles avec ArcGIS Arcade afin de créer des cartes plus faciles à interpréter. Avec un jeu de données statique, de nouveaux champs peuvent être créés et calculés pour remettre en forme les dates, catégories et couleurs. Toutefois, cette carte utilise un jeu de données dynamique, qui reçoit de nouveaux enregistrements chaque jour et qui appartient et est géré par une autre personne. La création de nouveaux champs n’est pas envisageable, mais ce n’est pas non plus nécessaire puisque vous pouvez déduire de nouvelles valeurs des champs existants grâce aux expressions Arcade.
ArcGIS Arcade est un outil important pour les cartes interactives. Il vous permet de créer des cartes conçues pour s’adapter aux récits que vous devez élaborer et non simplement aux données qui sont accessibles. Arcade transforme les données en expressions d’informations puissantes. Essayez le didacticiel Prise en main de ArcGIS Arcade pour apprendre à écrire des expressions dans vos propres cartes.
L’application Anti-Shipping Activity Messages que vous avez parcourue dans ce didacticiel représente l’activité à la surface de l’océan. Essayez le prochain didacticiel de cette série, Explorer une application 3D, pour savoir comment les cartes et applications interactives peuvent décrire la profondeur de l’océan.
