Configurar clases de entidad para el estilo de la capa de mapa

Las Clases de Entidad (Feature Classes) en EarthRanger organizan elementos geográficos como puntos, líneas y polígonos en grupos estructurados basados ​​en entidades del mundo real, como carreteras, ríos o límites de parques. Agrupar entidades similares (por ejemplo, todas las carreteras o todas las fuentes de agua) en Clases de Entidad permite un control preciso sobre su apariencia en el mapa, incluyendo ajustes de iconos, colores de relleno y trazo, opacidad y grosor de línea.

Esta configuración garantiza la coherencia visual en todos los mapas, facilita la claridad operativa y mejora la legibilidad en la ventana del mapa.

💡 Nota: A diferencia de los Grupos de Entidades (Feature Groups) (utilizados para la lógica interna, como los analizadores), las Clases de Entidades (Feature Classes controlan directamente lo que los usuarios ven en Capas de Mapa en la interfaz de EarthRanger.

Configurar el estilo de mapa para una clase de entidad

Siga estos pasos para configurar o actualizar la presentación de las funciones del mapa en EarthRanger:

To configure how specific feature icons appear, follow these steps:

  1. Inicie sesión en el panel de administración de EarthRanger. Vaya a:
    https://<suorganización>.pamdas.org/admin
  2. Navegue a Feature Classes
    Desde la página principal del panel de administración, vaya a:
    Home > Map Layers > Feature Classes
  3. Seleccione una Clase de Entidad (Feature Class)
    Haga clic en el nombre de la clase de entidad (Feature Class) que desea configurar (por ejemplo, Ríos, Zonas de caza furtiva, Puesto de guardabosques, etc.).

Verás una sección etiquetada como Presentation, que controla cómo aparece esta clase de entidad en el mapa.

Personalizar la configuración de presentación

EarthRanger utiliza una configuración basada en JSON para el estilo. Cada tipo de geometría admite diferentes propiedades.

Para facilitar la configuración, se proporcionan botones para aplicar una plantilla predeterminada a puntos, líneas o polígonos.

Puede usar estas plantillas como base y modificar sus valores según sea necesario.

Para polígonos (por ejemplo, zonas, lagos)

Utilice las siguientes propiedades para definir cómo se muestran los polígonos en el mapa:

Propiedad Descripción Ejemplo
"fill" Establece el color interior del polígono mediante un código hexadecimal. Encuentra aquí los códigos de color hexadecimales.. "fill": "#f4d442"
"stroke" Defines the border color of the polygon. "stroke": "#000000"
"fill-opacity" Controla la transparencia del color interior (0 = invisible, 1 = sólido). "fill-opacity": 0.3
"stroke-opacity" Controla la transparencia del borde. "stroke-opacity": 0.7
"stroke-width" Define el grosor del borde en píxeles. "stroke-width": 1

Ejemplo:

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

Consejo: Utilice valores de opacidad moderados (0,3 – 0,6) para áreas poligonales grandes para evitar que bloqueen el mapa base. Los trazos más finos (1–2 px) mejoran la legibilidad y el rendimiento.

 

Para líneas (por ejemplo, carreteras, ríos)

  • Las entidades de línea comparten la mayoría de las propiedades con los polígonos, pero solo utilizan atributos de trazo:
Propiedad Descripción Ejemplo
"stroke" Color de línea (código hexadecimal). "stroke": "#0080ff"
"stroke-width" Grosor de línea en píxeles. "stroke-width": 2
"stroke-opacity" Transparencia del color de la línea. "stroke-opacity": 0.7

Ejemplo:

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

Recomendación: Para una velocidad de renderizado óptima y un equilibrio visual ideal, mantenga el ancho de línea por debajo de 3 px. Evite usar el mismo color para varios tipos de línea superpuestos.

 

 

En cuanto a los puntos, se pueden personalizar los siguientes ajustes:

  • Las entidades puntuales pueden usar un círculo de color simple (predeterminado) o un icono SVG personalizado.
Propiedad Descripción Ejemplo
"image" URL o ruta relativa a un archivo de icono SVG. Debe coincidir exactamente con el nombre de archivo de la lista de iconos disponibles que se muestra a continuación. "image": "/static/ranger_post_black.svg"
"width" Ancho del icono en píxeles. "width": 20
"height" Altura del icono en píxeles. "height": 20

Importante:

  • Solo se admiten iconos SVG. Los archivos PNG o JPG no se mostrarán correctamente.
  • Asegúrese de que la ruta y el nombre del archivo coincidan exactamente con alguno de los iconos de la lista de iconos de funciones disponibles.
 

Asegúrese de que todas las entidades geoespaciales se hayan importado correctamente al sistema EarthRanger antes de intentar configurar una clase de entidad. Debe tener los permisos adecuados en el portal de administración de EarthRanger.

Iconos de funciones actualmente disponibles en EarthRanger:

Nombre del icono de la función

Visual

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