2.1.1.5. Grupo de capas - Desarrollos-IDEE/API-IDEE GitHub Wiki

Los grupos de capas son una forma de organizar y manejar capas en conjunto dentro de un mapa. Esto facilita la gestión de varias capas al mismo tiempo, permitiendo aplicar propiedades, como visibilidad u opacidad, de manera grupal.

1.- En el constructor del mapa:


// Crear un grupo de capas
const layerGroup = new IDEE.layer.LayerGroup({
   name: 'Grupo de capas',           // Nombre del grupo de capas
   legend: 'Grupo de capas LEGEND',  // Leyenda asociada al grupo
   layers: [capa1, capa2, capa3]     // Capas que pertenecen al grupo
});


// Instanciando la capa
const map2 = IDEE.map({
            container: 'map',
            layers: [layerGroup],
            zoom: 5,
            maxZoom: 20,
            minZoom: 4,
            center: [-467062.8225, 4683459.6216],
            projection: 'EPSG:3857*m',
        });

2.- Mediante los métodos addLayerGroups/addLayers:

// Instanciamos el mapa
const map = IDEE.map({
    container: 'map',
    zoom: 5,
    maxZoom: 20,
    minZoom: 4,
    center: [-467062.8225, 4683459.6216],
    projection: 'EPSG:3857*m',
});

// Crear un grupo de capas
const layerGroup = new IDEE.layer.LayerGroup({
   name: 'Grupo de capas',           // Nombre del grupo de capas
   legend: 'Grupo de capas LEGEND',  // Leyenda asociada al grupo
   layers: [capa1, capa2, capa3]     // Capas que pertenecen al grupo
});

// La añadimos al mapa
map.addLayers(layerGroup);
// También puede usarse map.addLayerGroups(layerGroup)

Métodos del mapa: getLayerGroup, addLayerGroups y removeLayerGroup.

Los parámetros del constructor de la capa son los siguientes:

  • layers: Permite añadir capas ráster, vectoriales y grupos de capas.

  • isBase: 'true' si se quiere definir la capa como capa base, 'false' en caso contrario.

  • name: Nombre de la capa.

  • legend: Nombre asociado en el árbol de contenidos, si usamos uno.

  • maxExtent: Restringe la visibilidad de la capa a una extensión.

  • visibility: 'true' si la capa es visible, 'false' si queremos que no lo sea. En este caso la capa sería detectada por las extensiones que hagan un listado de capas y aparecería como no visible.

  • options: Estas opciones se mandarán a la implementación de la capa.

    • minResolution: Resolución mínima.
    • maxResolution: Resolución máxima.
    • minZoom: Zoom mínimo aplicable a la capa.
    • maxZoom: Zoom máximo aplicable a la capa.
    • opacity: Opacidad de capa, por defecto 1.