Configurer les fenêtres contextuelles
Les fenêtres contextuelles sont un aspect important de la cartographie Web. Elles vous permettent de partager des informations supplémentaires pour chaque entité cartographique. Elles peuvent clarifier les informations communiquées par les symboles. Elles peuvent également inclure des diagrammes et photographies qui apportent davantage de contexte. Tout ce qui est présent dans la table attributaire d’une couche peut être expliqué au moyen d’une fenêtre contextuelle.
Avec tous les composants qu’il est possible d’intégrer dans une fenêtre contextuelle, il est important de faire très attention à ce qui doit être inclus. Dans ce didacticiel, vous allez concevoir des fenêtres contextuelles pour deux couches. L’une affichera uniquement le nom des entités, tandis que l’autre adoptera une mise en forme plus complexe.
Créer des fenêtres contextuelles simples
Toutes les couches d’une carte n’ont pas besoin de fenêtres contextuelles. Les fenêtres contextuelles inutiles gênent celles qui sont nécessaires, ce qui rend difficile l’exploration de la carte. Dans votre carte, les fenêtres contextuelles sont utiles pour deux couches uniquement : LakeDistrictFells (MontagnesLakeDistrict) et National Parks (England) (Parcs nationaux [Angleterre]). Comme ces couches ne sont pas visibles en même temps, leurs fenêtres contextuelles n’entreront pas en conflit. Vous allez commencer par désactiver les fenêtres contextuelles de toutes les autres couches et par configurer des fenêtres contextuelles simples pour la couche des parcs.
- Si vous avez effectué le didacticiel précédent Créations cartographiques – Personnaliser un fond de carte, connectez-vous à votre compte ArcGIS ou à votre portail ArcGIS Enterprise. Rouvrez votre carte Web Lake District National Park (Parc national du Lake District).
- Si vous n’avez pas suivi le didacticiel précédent, ouvrez la carte Web Lake District National Park 3 (Parc National du Lake District 3). Cliquez sur Sign In (Se connecter) et connectez-vous à votre compte ArcGIS. Dans la barre d’outils Contents (Contenu), cliquez sur le bouton Save and open (Enregistrer et ouvrir), puis cliquez sur Save as (Enregistrer sous). Pour Title (Titre), supprimez le chiffre 3. Cliquez sur Save (Enregistrer).
Remarque :
Si vous ne disposez pas d’un compte ArcGIS, consultez les options d’accès aux logiciels.
- 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), sélectionnez la couche Lake District National Park (Parc national du Lake District) .
Une barre bleue apparaît en regard de la couche lorsqu’elle est sélectionnée.
- Dans la barre d’outils (claire) Settings (Paramètres), cliquez sur le bouton Pop-ups (Fenêtres contextuelles). Dans la fenêtre Pop-ups (Fenêtres contextuelles), désactivez le bouton bascule Enable pop-ups (Activer les fenêtres contextuelles).
- Désactivez également les fenêtres contextuelles des couches Clip (Découper), Lakes (Lacs) et Rivers (Rivières).
- Sur la carte, effectuez un zoom arrière pour voir toute l’Angleterre et ses dix parcs nationaux.
- Sélectionnez la couche National Parks (England) (Parcs nationaux [Angleterre]).
Une de ses fenêtres contextuelles apparaît sur la carte. Elle comporte une table avec six champs. La seule information requise pour cette carte est le nom de chaque parc. Vous allez supprimer la table.
- Dans la fenêtre Pop-ups (Fenêtres contextuelles), en regard de Fields list (Liste des champs), cliquez sur le bouton Options, puis sur Delete (Supprimer).
- Cliquez sur Title (Titre).
Le nom de la couche n’est pas nécessaire pour cette carte. Vous devez essayer de retirer les informations inutiles des cartes car elles ralentissent et complexifient leur lecture, et peuvent même prêter à confusion. Dans ce cas, le nom de la couche occulte l’information importante : le nom du parc.
- Supprimez tout le texte avant {NAME} ({NOM}).
Le texte entre accolades permet de référencer les noms de champ dans la couche d’entités.
- Sur la carte, cliquez sur différents parcs pour vérifier que le titre des fenêtres contextuelles change.
Mettre en forme le texte des fenêtres contextuelles
Vous allez maintenant configurer les fenêtres contextuelles de la couche LakeDistrictFells (MontagnesLakeDistrict). Vous allez ajouter du texte et le mettre en forme pour améliorer sa lisibilité.
- Appliquez un zoom avant jusqu’à ce que les symboles triangulaires réapparaissent sur la carte.
- Dans la fenêtre Layers (Couches), cliquez sur la couche LakeDistrictFells (MontagnesLakeDistrict) pour la sélectionner.
La fenêtre contextuelle de la couche LakeDistrictFells (MontagnesLakeDistrict) apparaît.
- Dans la fenêtre Pop-ups (Fenêtres contextuelles), cliquez sur Title (Titre). Supprimez tout le texte sauf {Name} ({Nom}).
La fenêtre contextuelle comporte une table avec de nombreux champs. Même s’ils fournissent des informations intéressantes sur chaque montagne, la plupart d’entre eux ne conviennent pas à cette carte ni à ses objectifs. Vous allez supprimer la liste des champs et la remplacer par du texte mis en forme.
- À côté de Fields list (Liste des champs), cliquez sur le bouton Options, puis sur Delete (Supprimer).
- Cliquez sur Add content (Ajouter un contenu) et cliquez sur Text (Texte).
- Dans la fenêtre de texte, saisissez ou copiez et collez le texte suivant :
Cliquez ici pour voir une photo de {Nom}.
Hauteur : {Mètres} mètres
La hauteur est le changement d’élévation entre le sommet d’une montagne et le niveau de la mer.
Proéminence : {Chute_} mètres
La proéminence topographique, ou chute, est le changement d’élévation entre le sommet d’une montagne et l’isoligne la plus basse qui l’entoure, mais pas les autres sommets plus élevés.
Conseil :
Cliquez avec le bouton droit et sélectionnez Paste as plain text (Coller en tant que texte brut) pour copier le texte sans la mise en forme.
Ce texte répète les informations qui sont déjà codées dans les symboles triangulaires : la hauteur et la proéminence de chaque sommet. La fenêtre contextuelle peut cependant communiquer des valeurs plus précises que la taille et la couleur de chaque symbole. Elle offre également l’espace nécessaire pour expliquer la différence entre la hauteur et la proéminence.
- Mettez en surbrillance la deuxième ligne du texte (Height: {Metres} meters (Hauteur : {Mètres} mètres)). Dans la barre d’outils, cliquez sur le bouton Bold (Gras).
- Mettez également en gras la quatrième ligne de texte (Prominence: {Drop_} meters (Proéminence : {Chute_} mètres)).
- Cliquez sur OK.
Le texte apparaît dans la fenêtre contextuelle. Les deux nombres ont chacun des décimales.
Ce degré de précision n’est pas nécessaire pour votre carte et ne fait qu’accroître la difficulté de compréhension des nombres. Vous allez les simplifier en modifiant leur mise en forme.
- Dans la barre d’outils Settings (Paramètres), cliquez sur le bouton Fields (Champs). Dans la fenêtre Fields (Champs), cliquez sur Height (m) (Hauteur [m]).
- Dans la fenêtre Formatting (Formatage), pour Significant digits (Chiffres significatifs), choisissez 0 Decimal places (0 décimale).
- Cliquez sur Done (Terminé).
- Mettez en forme le champ Prominence (m) (Proéminence [m]) pour utiliser également zéro décimale.
Dans la fenêtre contextuelle, les nombres n’affichent plus de valeurs décimales.
Rédiger une expression attributaire
Vous allez ensuite ajouter un lien vers une photo de chaque montagne.
La couche LakeDistrictFells (MontagnesLakeDistrict) ne comporte aucun champ avec des liens vers des photos, mais elle possède un champ avec un numéro d’ID pour chaque sommet. Le site Web des sommets montagneux partage des photos de chaque sommet, et l’URL de chaque page où se trouve la photo inclut le numéro d’ID de chaque sommet. Vous allez ensuite créer une expression attributaire qui génère une URL unique pour chaque sommet montagneux à partir de son numéro d’ID. Ces URL référenceront une photo de chaque sommet.
- Rouvrez la fenêtre Pop-ups (Fenêtres contextuelles).
Vous pouvez créer une expression attributaire qui établit un lien pour chaque entité.
- Sous Options (Options), cliquez sur Attribute expressions (Expressions attributaires).
- Cliquez sur Add expression (Ajouter une expression).
- Dans la zone d’expression, supprimez le texte existant et entrez ou copiez et collez "http://hillsummits.org.uk/htm_portrait/"++".htm"
Les guillemets indiquent des valeurs textuelles. Les signes plus vous permettent d’ajouter davantage de texte entre les deux parties de l’URL.
- Placez le curseur entre les deux signes plus et cliquez sur le bouton Profile variables (Variables de profil).
- Cliquez sur la flèche en regard de $feature ($entité).
- Faites défiler la liste des champs et cliquez sur $feature.Number ($entité.Nombre).
L’expression indique désormais "http://hillsummits.org.uk/htm_portrait/"+$feature.Number+".htm".
Le champ Number (Nombre) stocke le numéro d’ID de chaque sommet.
- Cliquez sur Run (Exécuter).
Une URL apparaît dans la fenêtre Output (Sortie). À l’intérieur, $feature.Number ($entité.Nombre) est remplacé par un nombre de quatre ou cinq chiffres.
- Cliquez sur Done (Terminé).
Dans la fenêtre Attribute expressions (Expressions attributaires), la nouvelle expression {expression/expr0} est indiquée.
- En haut de la fenêtre Attribute expressions (Expressions attributaires), cliquez sur le bouton Back (Retour).
- Si besoin, développez la section Texte (Texte). Cliquez sur Edit text (Modifier le texte).
- Dans la fenêtre de mise à jour du texte, sur la première ligne, mettez en surbrillance le mot here (ici). Dans la barre d'outils, cliquez sur le bouton Link (Lien).
- Pour Link URL (URL du lien), saisissez {expression/expr0}. Cliquez sur le bouton Enregistrer.
- Alors que le texte here (ici) est en surbrillance, cliquez sur le bouton Bold (Gras).
- Cliquez sur OK.
- Dans la fenêtre contextuelle, cliquez sur le lien here (ici).
Remarque :
Si une fenêtre contextuelle n’est pas visible, zoomez sur la carte et cliquez sur l’un des symboles triangulaires.
Un nouvel onglet de navigateur s’ouvre avec une photo de la montagne sélectionnée. Vous n’êtes pas autorisé à ajouter ces photos directement dans votre carte, mais vous pouvez fournir un lien permettant aux utilisateurs de les consulter.
- Fermez le nouvel onglet de navigateur.
Ajouter un diagramme à la fenêtre contextuelle
Il est possible que des utilisateurs de votre carte ne connaissent pas bien le terme de proéminence. Une bonne carte doit s’assurer que les utilisateurs comprennent les informations qu’elle représente. Cela signifie que des explications et descriptions sont souvent nécessaires en plus de la symbologie et des légendes. Vous allez ajouter du texte et un diagramme à la fenêtre contextuelle pour expliquer la différence entre la hauteur et la proéminence.
- Dans la fenêtre Pop-ups (Fenêtres contextuelles), cliquez sur Add content (Ajouter du contenu), puis sur Image.
- Pour URL, saisissez ou copiez et collez https://www.arcgis.com/sharing/rest/content/items/5172c58b3caf4361b612878d5f5da9e2/data.
Remarque :
Cette image est hébergée en tant qu’élément sur ArcGIS Online. Pour savoir comment héberger des images, lisez l’article de blog Adding and using photos and images in ArcGIS Online.
- Pour Caption (Légende), saisissez Hauteur (m) et proéminence (m). Pour Alternative text (Texte de remplacement), saisissez Diagramme décrivant la hauteur et la proéminence.
L’ajout d’un texte de remplacement facilite l’accès à votre carte.
- Cliquez sur Done (Terminé).
Un diagramme qui compare les mesures de hauteur aux mesures de proéminence apparaît dans la fenêtre contextuelle. Ses couleurs correspondent à celles de la carte. La correspondance des couleurs contribue à créer une conception plus harmonieuse.
- Sur la barre d’outils Contents (Contenu), cliquez sur le bouton Save and Open (Enregistrer et ouvrir), puis cliquez sur Save (Enregistrer).
Vous avez maintenant configuré des fenêtres contextuelles pour deux couches. Vous avez créé des fenêtres contextuelles simples pour la couche National Parks (England) (Parcs nationaux [Angleterre]), affichant uniquement le nom de chaque parc. Vous avez créé des fenêtres contextuelles complexes pour la couche LakeDistrictFells (MontagnesLakeDistrict) avec une mise en forme du texte, des propriétés de champ, une expression attributaire et un diagramme.
Remarque :
Vous pouvez personnaliser davantage les fenêtres contextuelles avec HTML. Lisez l’article de blog Beginner steps for formatting pop-ups with HTML pour savoir comment utiliser la fenêtre contextuelle que vous venez de créer.
Configurer les étiquettes
Les fenêtres contextuelles signifient que les étiquettes jouent un rôle moins important dans les cartes Web que dans les cartes d’impression, mais cela ne veut pas dire qu’elles doivent être totalement abandonnées. Si vous pouvez empêcher quiconque de devoir ouvrir une fenêtre contextuelle en donnant des informations préalables dans une étiquette, la carte sera plus facile à lire.
Étiqueter les montagnes
Même si le nom de chaque montagne se trouve dans sa fenêtre contextuelle, vous pouvez faciliter la lecture de la carte en prévoyant des étiquettes pour les sommets les plus visibles. Chacun pourra ainsi trouver l’emplacement des sommets dont il aura entendu parler.
- Sur la barre d’outils Settings (Paramètres), cliquez sur le bouton Labels (Étiquettes). Dans la fenêtre Labels (Étiquettes), vérifiez que la couche sélectionnée est bien LakeDistrictFells.
- Cliquez sur Add label class (Ajouter une classe d’étiquettes).
- Pour le champ Label (Étiquette), choisissez Name (Nom).
Des étiquettes apparaissent sur la carte. Il y a de nombreuses étiquettes, la carte étant donc plutôt encombrée. Vous ne pouvez pas afficher les étiquettes de chaque montagne, ce qui est d’ailleurs inutile. Vous allez créer un filtre de manière à n’étiqueter que les montagnes les plus visibles.
- Cliquez sur Edit label filter (Modifier le filtre des étiquettes).
- Cliquez sur Add new (Nouveau). Utilisez les menus pour construire l’expression Prominence (m) is at least (La proéminence (m) est d’au moins) 250.
La plupart des étiquettes sur la carte disparaissent. La valeur de coupe de 250 est arbitraire et lors de la conception de vos propres cartes, vous allez devoir faire des choix comme celui-ci pour équilibrer les informations avec l’encombrement.
- Fermez la fenêtre Filter (Filtre).
Ensuite, vous allez modifier le style des étiquettes de manière à l’apparier au reste de la carte.
- Cliquez sur Edit label style (Modifier le style des étiquettes).
- Définissez Font (Police) sur Noto Sans Bold et Size (Taille) sur 16.
Les polices Bold (Gras) sont plus faciles à lire sur les cartes encombrées. La police Noto Sans est également disponible dans ArcGIS StoryMaps, que vous allez utiliser plus tard pour créer une mise en page pour la carte. L’utilisation de la même police dans la carte et la mise en page va vous permettre de rendre la carte plus cohérente et professionnelle.
- Cliquez sur le menu Color (Couleur). Pour #, saisissez 202e03.
Il s’agit de la même couleur que celle utilisée pour le contour et l’ombre portée du parc.
- Cliquez sur Done (Terminé).
- Sous Halo, définissez Color (Couleur) sur dae3d3 et la taille sur 2.
Cette couleur correspond à l’arrière-plan sur lequel les étiquettes vont le plus souvent apparaître.
Les halos ajoutent un encombrement visuel à une carte, mais ils sont intéressants sur les arrière-plans chargés, car ils permettent aux étiquettes de rester lisibles quelles que soient les couleurs et les détails derrière elles. La couleur du halo doit présenter un contraste élevé avec la couleur de l’étiquette et ressembler aux couleurs d’arrière-plan les plus souvent utilisées.
- Fermez la fenêtre Label style (Style d’étiquette).
Les étiquettes sont plus faciles à lire maintenant, mais il n’est pas utile qu’elles soient visibles à toutes les échelles. Vous allez définir leur plage de visibilité de manière à ce qu’elles n’apparaissent que lorsque vous faites un zoom avant sur la carte.
- Pour Visible range (Plage de visibilité), définissez les menus sur Cities (Villes) et Room (Salle).
Étiqueter Lake District
Vous allez également étiqueter la couche Lake District National Park (Pac national du Lake District). Vous allez utiliser ArcGIS Arcade pour personnaliser le texte de l’étiquette.
- Faites un zoom arrière jusqu’à faire disparaître les montagnes et n’afficher que le Parc national du Lake District.
- En haut de la fenêtre Label features (Étiqueter les entités), cliquez sur la bannière noire et choisissez Lake District National Park (Parc national du Lake District).
- Cliquez sur Add label class (Ajouter une classe d’étiquettes). Vérifiez que Label field (Champ d’étiquette) est défini sur NAME (NOM).
En premier lieu, vous allez vérifier que cette étiquette correspond au style des autres étiquettes de votre carte.
- Cliquez sur Edit label style (Modifier le style des étiquettes).
- Définissez Font (Police) sur Noto Sans Regular, et Size (Taille) sur 18.
- Remplacez la couleur par 202e03 et la couleur du halo sur dae3d3.
Conseil :
Ces couleurs peuvent être disponibles dans les listes de couleurs récemment utilisées.
- Définissez la taille de halo sur 2.
- Fermez la fenêtre Label style (Style d’étiquette).
Sur la carte, l’étiquette indique LAKE DISTRICT. Vous allez utiliser Arcade pour ajouter le texte NATIONAL PARK (PARC NATIONAL) à la fin.
- Dans la fenêtre Label features (Étiqueter les entités), en regard de NAME (NOM), cliquez sur le bouton d’expression.
- Après le texte $feature[“NAME”], saisissez ou copiez et collez + TextFormatting.NewLine + “NATIONAL PARK”.
La constante TextFormatting.NewLine va diviser le texte en deux lignes.
- Cliquez sur Run (Exécuter). Si une erreur est renvoyée, cliquez sur Done (Terminé).
L’étiquette se met à jour sur la carte. Il y a deux lignes de texte.
- Pour Visible range (Plage de visibilité), définissez le menu sur County (Comté) et Metropolitan area (Agglomération).
- Appliquez un zoom avant et arrière sur la carte.
L’étiquette ne s’affiche que sur une échelle. Plus tard, lorsque vous guiderez des personnes sur votre carte, vous vous arrêterez à cette échelle.
- Sur la barre d’outils Contents (Contenu), cliquez sur le bouton Save and Open (Enregistrer et ouvrir), puis cliquez sur Save (Enregistrer).
Dans ce didacticiel, vous avez configuré des fenêtres contextuelles et des étiquettes pour votre carte des montagnes dans le Parc national du Lake District. Vous avez appris à mettre en forme du texte, à créer des expressions attributaires et à ajouter des images à des fenêtres contextuelles. Vous avez appris à styliser et filtrer des étiquettes. Votre carte Web est désormais complète. Dans le didacticiel suivant, vous allez utiliser ArcGIS StoryMaps pour créer une version orchestrée de votre carte, que vous pourrez partager avec d’autres personnes.
