Images et icônes
La couche Images / icônes place une image à chaque longitude et latitude. L'image peut provenir de vos données, d'un seul lien d'image, de la bibliothèque d'icônes intégrée, ou être un court texte ou un emoji dessiné sous forme de pastille.
Ce qu'il vous faut
| Puits de champs | Ce qu'il faut y placer |
|---|---|
| * ID (obligatoire) | Une valeur unique pour chaque ligne |
| Longitude (X) | La longitude en degrés décimaux, résumée par Moyenne |
| Latitude (Y) | La latitude en degrés décimaux, résumée par Moyenne |
| Image / WKT / GeoJSON | L'image de chaque ligne. Inutile lorsque la source de l'image est la bibliothèque d'icônes ou un seul lien pour tous les points. |
Ces champs doivent être vides sur les lignes d'une image : Taille du cercle, Longitude de destination, Latitude de destination, Référence d'entité, Pondération de la carte thermique et Pondération de cellule (H3/S2/A5/Geohash).
Une ligne qui a une valeur dans Taille du cercle est un cercle, pas une image. Si vous avez commencé avec des cercles, retirez le champ de Taille du cercle, sinon les images n'apparaîtront pas.
Ajouter des images à la carte
- Ajoutez des champs à * ID (obligatoire), Longitude (X) et Latitude (Y). Réglez les coordonnées sur Moyenne.
- Si vos données contiennent une image pour chaque ligne, ajoutez ce champ à Image / WKT / GeoJSON.
- Si le panneau Quel type de carte créez-vous ? est affiché, sélectionnez la vignette Images et icônes. Sinon, dans le volet Format, développez Couches de données et activez Images / icônes.
- Développez Images - Configuration et choisissez une Source de l'image.
- Définissez Largeur de l'image et Hauteur de l'image.
D'où vient l'image
Source de l'image propose trois options.
URL issue des données
Chaque ligne porte sa propre image dans le champ Image / WKT / GeoJSON. La valeur peut être :
| Valeur | Exemple |
|---|---|
Un lien commençant par https:// |
https://example.com/icons/store.png |
| Un URI de données | data:image/png;base64,... |
| Du texte SVG | <svg xmlns="http://www.w3.org/2000/svg" ...>...</svg> |
Le mot pin |
Dessine une épingle de carte intégrée |
Les liens doivent utiliser https://. Un lien commençant par http:// n'est pas traité comme une image. Le serveur qui héberge les images doit autoriser leur lecture depuis d'autres sites (CORS), sinon elles ne peuvent pas être dessinées. Les URI de données et le texte SVG sont stockés dans vos données : ils n'ont donc besoin d'aucun serveur.
URL personnalisée
Un seul lien d'image pour tous les points, saisi dans URL de l'image. Les lignes n'ont besoin de rien dans le champ Image / WKT / GeoJSON. URL de l'image possède un bouton fx : une mesure ou une règle peut donc tout de même choisir un lien différent par ligne.
Bibliothèque d'icônes
Des icônes de la bibliothèque intégrée d'icônes Material Design, en cinq styles : filled, outlined, round, sharp et two tone.
- Réglez Source de l'image sur Bibliothèque d'icônes.
- Activez Afficher la bibliothèque d'icônes. Une boîte de dialogue s'ouvre.
- Choisissez un onglet de style, saisissez du texte dans la zone Rechercher et sélectionnez une icône. La boîte de dialogue affiche les 200 premiers résultats : affinez donc la recherche si vous ne voyez pas l'icône voulue.
- Sélectionnez OK. Le nom de l'icône est écrit dans Nom de l'icône / texte.
Un nom d'icône ressemble à material-design-icons/filled/home. Comme Nom de l'icône / texte possède un bouton fx, vous pouvez stocker des noms d'icônes dans une colonne ou les renvoyer depuis une mesure, et afficher une icône différente pour chaque ligne. Définissez la couleur de l'icône avec Couleur de l'icône / de l'arrière-plan, qui accepte aussi fx. Une icône de la bibliothèque est carrée : Largeur de l'image définit à la fois sa largeur et sa hauteur.
Pastilles de texte et d'emoji
Lorsque Source de l'image est réglé sur Bibliothèque d'icônes, toute valeur de Nom de l'icône / texte qui n'est pas un nom d'icône de la bibliothèque est dessinée sous forme de texte sur une pastille arrondie. Les emoji fonctionnent aussi.
- La pastille est aussi haute que Largeur de l'image et aussi large que le texte l'exige.
- Couleur de l'icône / de l'arrière-plan et Transparence de l'arrière-plan de l'icône définissent la pastille.
- Couleur du texte de l'icône définit le texte.
Vous pouvez aussi définir la couleur du texte dans la valeur elle-même avec un préfixe :
| Valeur | Résultat |
|---|---|
Hello ou text:Hello |
« Hello » dans la Couleur du texte de l'icône |
text-red:Hello |
« Hello » en rouge |
text-#884455:Hello |
« Hello » dans la couleur #884455 |
Les couleurs nommées sont white, black, red, amber, orange, yellow, green, blue et gray.
Paramètres
Tous ces paramètres se trouvent dans Volet Format > Couches de données > Images - Configuration, affiché lorsque le commutateur Images / icônes est activé.
| Paramètre | Rôle | Valeur par défaut | fx |
|---|---|---|---|
| Source de l'image | URL issue des données, URL personnalisée ou Bibliothèque d'icônes. Voir ci-dessus. | URL issue des données | |
| URL de l'image | Le lien d'image pour tous les points. Affiché pour URL personnalisée. | Vide | Oui |
| Nom de l'icône / texte | Un nom d'icône de la bibliothèque, ou le texte d'une pastille. Affiché pour Bibliothèque d'icônes. | Vide | Oui |
| Afficher la bibliothèque d'icônes | Ouvre le navigateur d'icônes, puis se désactive. Affiché pour Bibliothèque d'icônes. | Désactivé | |
| Utiliser la couleur du cluster | Lorsque Images des clusters est activé et qu'un champ est dans Groupe de cluster, chaque icône prend la couleur de son groupe de cluster. Affiché pour Bibliothèque d'icônes. | Désactivé | |
| Couleur du texte de l'icône | Couleur du texte d'une pastille. Affiché pour Bibliothèque d'icônes. | #FFFFFF | Oui |
| Couleur de l'icône / de l'arrière-plan | Couleur d'une icône de la bibliothèque, ou arrière-plan d'une pastille. Affiché pour Bibliothèque d'icônes. | #000000 | Oui |
| Transparence de l'arrière-plan de l'icône | Transparence de l'arrière-plan d'une pastille. Affiché pour Bibliothèque d'icônes. | 0 | Oui |
| Rotation de l'image | Fait pivoter l'image dans le sens horaire, en degrés, de 0 à 360. Utilisez fx pour orienter chaque image dans sa propre direction, par exemple le cap d'un véhicule. | 0 | Oui |
| Alignement de rotation | Fenêtre d'affichage garde les images fixes par rapport à l'écran lorsque la carte pivote. Carte les fait pivoter avec la carte. | Fenêtre d'affichage | |
| Alignement d'inclinaison | Fenêtre d'affichage garde les images droites lorsque la carte est inclinée. Carte les pose à plat sur la carte. | Fenêtre d'affichage | |
| Largeur de l'image | Largeur en pixels. De 0 à 1000. | 30 | Oui |
| Hauteur de l'image | Hauteur en pixels. De 0 à 1000. Non affiché pour Bibliothèque d'icônes. | 30 | Oui |
| Transparence | 0 est opaque, 100 est invisible. | 0 | Oui |
| Images des clusters | Regroupe les images proches en clusters. Consultez Clusters. | Désactivé | |
| Décaler les images qui se chevauchent | Les images situées au même emplacement sont disposées côte à côte au lieu d'être superposées. | Désactivé | |
| Écart de décalage (pixels) | Espace entre les images décalées. De 0 à 100. | 2 | |
| Tolérance de décalage (mètres) | Distance en deçà de laquelle des images comptent comme étant au même emplacement. 0 signifie exactement les mêmes coordonnées. Jusqu'à 10000. | 0 | |
| Inclure dans le zoom automatique | Indique si une image compte dans la zone sur laquelle la carte zoome. | Oui | Oui |
| Inclure l'info-bulle | Indique si une image affiche une info-bulle. | Oui | Oui |
| Sélectionnable | Indique si une image peut être sélectionnée. | Oui | Oui |
| Zoom minimal | Les images sont masquées lorsque la carte est dézoomée au-delà de ce niveau. | 0 | |
| Zoom maximal | Les images sont masquées lorsque la carte est zoomée au-delà de ce niveau. | 24 | |
| EPSG | Système de coordonnées de votre longitude et de votre latitude. | 4326 |
Décaler les images qui se chevauchent
Lorsque plusieurs lignes partagent un emplacement, par exemple trois équipements sur un même site, leurs images se superposent exactement. Activez Décaler les images qui se chevauchent pour les disposer en une rangée horizontale centrée sur l'emplacement, espacées de la valeur du paramètre Écart de décalage (pixels). Augmentez Tolérance de décalage (mètres) pour traiter les images situées dans cette distance comme étant au même endroit. Les décalages s'appliquent aux images qui ne sont pas dans un cluster.
Sélection, info-bulles et étiquettes
- Sélection. Sélectionnez une image pour appliquer un filtrage croisé ou une mise en surbrillance croisée à la page de rapport. Les images que vous n'avez pas sélectionnées s'estompent, selon les valeurs de transparence de la carte Interactivité. Consultez Sélection, filtrage croisé et mise en surbrillance.
- Info-bulles. Sans champ dans Info-bulles, l'info-bulle affiche l'ID. Ajoutez des champs à Info-bulles pour les afficher à la place. Consultez Info-bulles.
- Étiquettes. Les images peuvent porter des étiquettes de données au centre, au-dessus, en dessous, à gauche ou à droite de l'image. Consultez Étiquettes de données.
- Légende. Les images apparaissent dans la légende sous le nom Icônes. Consultez Légende.
Conseils et limites
- Une image est ancrée en son centre. Pour une épingle dont la pointe doit toucher l'emplacement, utilisez une image avec un espace vide sous la pointe, de sorte que la pointe soit au centre.
- Les images ne se masquent jamais entre elles. Là où elles se chevauchent, toutes sont dessinées.
- Les images et les cercles partagent une même position dans l'ordre de dessin, définie par le Z-Index de la couche Cercles.
- Pour les images hébergées sur un serveur web, vérifiez que chaque lien s'ouvre en
https://et que le serveur autorise les requêtes d'origines multiples. - Les pastilles de texte et les valeurs SVG qui se répètent sont dessinées une seule fois puis réutilisées : quelques valeurs distinctes réparties sur de nombreuses lignes restent donc rapides. Des milliers d'images distantes différentes sont plus lentes : préférez de petits fichiers, ou des icônes de la bibliothèque colorées avec fx.
- Si votre réseau bloque les sites externes, les icônes de la bibliothèque peuvent être servies depuis votre propre serveur. Consultez Power BI Report Server (local).