Classes de fonctionnalités

Dans EarthRanger, les classes d'entités organisent les éléments géographiques (points, lignes et polygones) en groupes structurés, basés sur des entités du monde réel comme les routes, les cours d'eau ou les limites de parcs. Le regroupement d'entités similaires (par exemple, toutes les routes ou tous les points d'eau) sous des classes d'entités permet un contrôle précis de leur affichage sur la carte : ajustement des icônes, des couleurs de remplissage et de contour, de l'opacité et de l'épaisseur des lignes.

Cette configuration garantit la cohérence visuelle de vos cartes, facilite leur utilisation et améliore la lisibilité dans la fenêtre cartographique.

💡 Remarque : contrairement aux groupes d’entités (utilisés pour la logique interne comme les analyseurs), les classes d’entités contrôlent directement ce que les utilisateurs voient sous les couches de carte dans l’interface EarthRanger.

 

 

Configurer le style de carte pour une classe d'entités

Pour configurer ou mettre à jour l'affichage des éléments cartographiques dans EarthRanger, procédez comme suit :

Pour configurer l'apparence des icônes d'éléments spécifiques, procédez comme suit :

  1. Connectez-vous à l'interface d'administration d'EarthRanger. Accédez à :
    https://<yourorganization>.pamdas.org/admin
  2. Accédez aux classes de fonctionnalités
    Depuis la page d'accueil de l'administration, accédez à :
    Home > Map Layers > Feature Classes
  3. Sélectionnez une classe d'entités
    Cliquez sur le nom de la classe d'entités que vous souhaitez configurer (par exemple, Rivières, Zones de braconnage, Poste de garde forestier, etc.).

Vous verrez une section intitulée Présentation, qui contrôle la façon dont cette classe d'entités apparaît sur la carte.

Personnaliser les paramètres de présentation

EarthRanger utilise une configuration JSON pour la mise en forme. Chaque type de géométrie possède des propriétés différentes.

Pour faciliter la configuration, des boutons permettent d'appliquer un modèle par défaut aux points, aux lignes ou aux polygones.

Vous pouvez utiliser ces modèles comme base et modifier leurs valeurs selon vos besoins.

Pour les polygones (par exemple, les zones, les lacs)

Utilisez les propriétés suivantes pour définir l'affichage des polygones sur la carte :

Propriété Description Exemple
"fill" Définit la couleur intérieure du polygone à l'aide d'un code hexadécimal. Trouvez les codes couleurs hexadécimaux ici. "fill": "#f4d442"
"stroke" Définit la couleur de la bordure du polygone. "stroke": "#000000"
"fill-opacity" Contrôle la transparence de la couleur intérieure (0 = invisible, 1 = opaque). "fill-opacity": 0.3
"stroke-opacity" Contrôle la transparence des bordures. "stroke-opacity": 0.7
"stroke-width" Définit l'épaisseur de la bordure en pixels. "stroke-width": 1

Exemple:

{
"fill": "#0000FF", 
"stroke": "#000000", 
"fill-opacity": 0.2, 
"stroke-width": 1, 
"stroke-opacity": 0.7
}

Conseil : Utilisez des valeurs d’opacité modérées (0,3 à 0,6) pour les grandes zones polygonales afin d’éviter de masquer la carte de base. Des traits plus fins (1 à 2 px) améliorent la lisibilité et les performances.

 

Pour les lignes (par exemple, les routes, les rivières)

  • Les entités linéaires partagent la plupart des propriétés avec les polygones, mais n'utilisent que les attributs de contour :
Propriété Description Exemple
"stroke" Couleur de la ligne (code hexadécimal). "stroke": "#0080ff"
"stroke-width" Épaisseur du trait en pixels. "stroke-width": 2
"stroke-opacity" Transparence de la couleur de la ligne. "stroke-opacity": 0.7

Exemple: 

{
"stroke": "#0080ff", 
"stroke-width": 2, 
"stroke-opacity": 0.7
}

Recommandation : Pour une vitesse de rendu optimale et un rendu visuel équilibré, l’épaisseur des traits doit rester inférieure à 3 px. Évitez d’utiliser la même couleur pour plusieurs types de lignes qui se chevauchent.

 

 

Pour les points, les paramètres suivants sont personnalisables :

  • Les entités ponctuelles peuvent utiliser un simple cercle coloré (par défaut) ou une icône SVG personnalisée.
     
Propriété Description Exemple
"image" URL ou chemin relatif vers un fichier d'icône SVG. Doit correspondre exactement au nom du fichier figurant dans la liste des icônes disponibles ci-dessous. "image": "/static/ranger_post_black.svg"
"width" Largeur de l'icône en pixels. "width": 20
"height" Hauteur de l'icône en pixels. "height": 20

Important :

  • Seules les icônes SVG sont prises en charge. Les fichiers PNG ou JPG ne s’afficheront pas correctement.
  • Assurez-vous que le chemin d’accès et le nom du fichier correspondent exactement à ceux de la liste des icônes disponibles.
 

Avant de configurer une classe d'entités, assurez-vous que toutes les données géospatiales sont correctement importées dans EarthRanger. Vous devez disposer des autorisations appropriées sur le portail d'administration d'EarthRanger.

Icônes des fonctionnalités actuellement disponibles sur EarthRanger :

Nom de l'icône

Visuel

bai-black

bai-green

bai-olive

Barrier

beehive_fence

building-black

building-brown

Camp-Black

camera trap

campsite-black

campsite-olive

cctv

clinic-green

clinic-red

clinic

dam-black

dam-blue

den

   

dot-bright_green

dot-coral

dot-dark_blue

dot-medium_blue

dot-medium_bright_blue

dot-orange

dot-pink

dot-purple

dot-red

dot-teal

dot-yellow

evacuation

feature-airstrip

feature-cattle_spray_race

feature-POI-dot

feature-POI-star_flag

feature-water_hole_dot

feature-water_hole-light_blue

feature-water_hole

Feeding

fence_attendant_house_in_circle

 

fence_attendant_house-black

fence_attendant_house-brown_in_circle

fence_attendant_house-brown

fence_attendant_house-olive_in_circle

fence_attendant_house-olive

fence_attendant_house

helipad

Hide-feeding

Hide

hospital-green

hospital-red

hospital

House-Black

House-Brown

jetty-black

Lodge-Black

lodging-black

mine

park_gate-black

park_gate-olive

park_gate

park_HQ-black

park_HQ-olive

picnic_spot-black

police_station

proximity-alarm

ranger_outpost_chfb

ranger_post-black

ranger_post-dk_olive

ranger_post-gray

ranger_station-brown

repeaters-black

safari_camp-black

settlement-black

shooting_range-olive

silo-structure

silo

solar_station_flat

solar_station_stand

tourism_center-black

video_camera

viewpoint-black

village-black

village-green

water_pump

waterholes

windmill