Map point d'accès

La carte des points d'intérêt se compose d'une image d'arrière-plan et de points d'intérêt pouvant être placés librement. Ces points d'intérêt se comportent différemment selon leur type et leur configuration.
Les zones interactives sont généralement liées à des objets SKOOR et affichent leur état ou leur valeur. Si une zone interactive est liée à un objet SKOOR, il est possible de cliquer dessus pour afficher sa vue détaillée.
L'opacité des zones interactives peut être réglée entre 0 et 100 %.

Les types de zones interactives suivants sont disponibles :

Ampoule

Les ampoules sont des points/ampoules stylisés pouvant prendre différentes couleurs, en fonction de leur configuration et de leur état. Pour mettre en évidence les zones interactives présentant un état indésirable, les ampoules peuvent être configurées pour clignoter dès que l’état de l’objet sous-jacent est égal ou inférieur à un état prédéfini.
Les ampoules peuvent être étiquetées à l’aide de diverses propriétés d’objet (voir Étiquette).

Étiquette

Les étiquettes peuvent contenir du texte simple ou une valeur alphanumérique constituée d’une propriété d’objet SKOOR liée (son nom, une propriété spécifique, un paramètre ou une valeur).

Texte

Ce type de zone réactive ne peut contenir que du texte littéral et ne peut pas être lié à un objet SKOOR.

Rectangle

Un hotspot « Rectangle » permet de concevoir graphiquement un widget hotspot. La couleur d’arrière-plan, la couleur de la bordure, son style et sa largeur, ainsi que le rayon d’arrondi des coins, peuvent être configurés. De plus, il est possible de définir une ombre et une étiquette.

Icône

Toute icône bitmap peut être utilisée comme zone interactive. Plusieurs icônes dépendantes de l'état peuvent être définies par zone interactive.
Une icône peut également être accompagnée d'une étiquette (voir Étiquette).

Modification du widget de carte de zones interactives

Paramètres

Description

Image d'arrière-plan

Image à utiliser comme arrière-plan du widget. Il peut s'agir d'une image bitmap ou SVG. Les images peuvent être importées soit en glissant-déposant un fichier dans la zone grise en pointillés, soit en cliquant dessus pour sélectionner un fichier.

Remplissage

Remplissage de l'arrière-plan (facultatif, en pixels). Le remplissage peut être défini de différentes manières :

  • Quatre valeurs
    : 25, 50, 75, 100
    . La marge supérieure est de 25 px, la marge droite de 50 px, la marge inférieure de 75 px et la marge gauche de 100 px

  • Trois valeurs
    : 25, 50, 75
    . La marge supérieure est de 25 px, les marges droite et gauche sont de 50 px, la marge inférieure est de 75 px

  • Deux valeurs
    : 25, 50
    . Les marges supérieure et inférieure sont de 25 px, les marges gauche et droite sont de 50 px

  • Une seule valeur
    : 25
    . Les quatre marges sont de 25 px

Éditeur de carte

Agrandir / Réduire

La zone de l'éditeur peut être agrandie ou réduite en cliquant sur l'arrière-plan de l'éditeur ou sur le bouton d'agrandissement / de réduction de l'éditeur.

Ajouter un point d'accès

Ajoutez des zones interactives en cliquant sur le bouton « Ajouter une zone interactive ».

Sélectionner des zones interactives

Pour sélectionner une zone interactive, cliquez dessus dans l'éditeur. Vous pouvez sélectionner plusieurs zones interactives soit en maintenant la touche Ctrl enfoncée tout en cliquant sur une zone interactive, soit en utilisant l'outil « élastique ».

Tous les points interactifs peuvent être sélectionnés en appuyant sur Ctrl+A.

Déplacer / redimensionner un point d'accès

Les zones interactives sélectionnées peuvent être déplacées ou redimensionnées par glisser-déposer ou à l'aide des touches fléchées du clavier. Les zones interactives se déplacent de 10 px à chaque pression sur une touche. Pour obtenir des déplacements plus précis, vous pouvez maintenir la touche Ctrl enfoncée tout en utilisant les touches fléchées.

Les lignes d'alignement permettent d'aligner correctement plusieurs zones interactives les unes par rapport aux autres.

Copier une zone interactive

Sélectionnez le point d'accès de votre choix. Appuyez sur Ctrl+C puis Ctrl+V pour créer une copie du point d'accès sur votre carte. Déplacez le nouvel objet à l'emplacement souhaité sur la carte et configurez-le comme d'habitude.

Supprimer un point d'intérêt

Supprimez un point d'intérêt en cliquant sur le bouton « X » situé à côté de celui-ci.

Modifier un point d'accès

Vous pouvez modifier un point d'accès soit en double-cliquant dessus, soit en cliquant sur le bouton en forme de roue dentée dans la liste des points d'accès.

Paramètres

Description

Type

ampoule (par défaut), étiquette, texte, rectangle, icône.

Nom

Nom permettant d’identifier le point d’accès dans la liste des points d’accès.

Position

Coordonnées en pixels par rapport à l'origine de la carte des zones interactives (coin supérieur gauche).

Taille

Taille de la zone interactive en pixels

Opacité

Opacité de la zone interactive (0 - 100 %, la valeur par défaut est 100 %)

Clicable

Par défaut, un clic sur une zone interactive ouvre la vue détaillée correspondante. Cette fonctionnalité peut être désactivée à l'aide de ce paramètre.

Action au clic

Spécifiez une action à effectuer lorsqu'un objet sur la carte est cliqué.

Types de zones interactives

Paramètre

Description

Cadre

Afficher ou masquer le cadre autour de l’ampoule :image-20251022-135225.png vs.image-20251022-105902.png

État par défaut

État d'affichage de l'ampoule tant qu'aucune donnée n'est chargée.

Seuil de clignotement

Seuil à partir duquel l'ampoule doit commencer à clignoter.

Libellé

Activer le libellé.

Étiquette

Une étiquette peut être elle-même un point sensible :

Les mêmes paramètres que ceux présentés ci-dessus dans la section « Ampoule » sont disponibles pour l'étiquette.

Il est également possible d'afficher une étiquette associée à un point d'accès.

Texte

Il est possible d’ajouter du texte librement formaté à l’aide du point d’accès « Texte » :

Rectangle

Paramètres

Description

Couleur d'arrière-plan

Cliquez pour sélectionner la couleur d’arrière-plan à l’aide d’un sélecteur de couleurs.
Définissez la valeur A sur 0 pour obtenir un arrière-plan transparent, ou sur n’importe quel nombre compris entre 0 et 100 pour obtenir un effet d’arrière-plan translucide.

Couleur de la bordure

Cliquez pour sélectionner la couleur de la bordure à l'aide d'un sélecteur de couleurs.

Style de bordure

Plein (par défaut), en pointillés, en pointillés doubles, double.

Épaisseur de la bordure

Largeur de la bordure en pixels.

Rayon de la bordure

Rayon de la bordure en pixels. Pour obtenir des cercles parfaits, réglez cette valeur au maximum.

Ombre

Largeur de l'ombre portée en pixels.

Étiquette

Activer l'étiquette.

Icône

Utilisez la zone interactive « Icône » pour ajouter des ampoules personnalisées en fonction de l'état :

Paramètre

Description

État par défaut

État affiché tant qu'aucune donnée n'est chargée.

Icône par défaut

Icône affichée si aucune icône dépendante de l'état n'est définie.

Icônes dépendantes de l'état

Une icône peut être définie par état.

Libellé

Activer le libellé.

Libellés

Certains points d'accès peuvent afficher une étiquette à côté d'eux. Pour afficher une étiquette, il suffit de cocher la case « Étiquette ».

Paramètres

Description

Position

En bas, à gauche, en haut, à droite

Champ

Le champ à afficher

  • hotspot_name
    Nom du hotspot

  • hotspot_text
    Texte libre

  • object_name
    Nom de l'objet sélectionné

  • object_values
    Valeur de l'objet sélectionné

  • object_parameters
    Paramètres de l'objet sélectionné

  • object_properties
    Propriété de l'objet sélectionné

Texte

Visible uniquement si le champ est « hotspot_text ».

Texte à afficher

Type d’objet

Visible uniquement si le champ est « object_values », « object_parameters » ou « object_properties ». 

Type de l'objet sélectionné

Sous-type

Visible uniquement si le champ est « object_values » ou « object_parameters ».

Sous-type de l'objet sélectionné.

Valeur de l'objet

Visible uniquement si le champ est « object_values ».

Valeur affichée.

Paramètre de l'objet

Visible uniquement si le champ est « object_parameters ».

Paramètre affiché.

Propriété de l'objet

Visible uniquement si le champ est « object_properties ».

Propriété affichée.

Taille de la police

Taille de la police de l'étiquette en pixels.