Skip to content

2.1.1.4. Grupo de capas

Álvaro Ramírez edited this page Nov 26, 2024 · 3 revisions

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 M.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 = M.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 = M.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 M.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, vectorias y grupos de capas.

  • transparent: 'false' si es una capa base, 'true' en caso contrario. Parámetro obsoleto, se recomienda usar el parámetro isBase

  • 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.

1.INICIO
   1.1. Componentes de la API-CNIG
   1.2. Documentación y Puntos de acceso
   1.3. Primeros pasos
   1.4. Diagrama API CNIG

2. MAPA
2.1. Capas

 ■ 2.1.1. Fuentes
   • 2.1.1.1. Capas vectoriales
     + Vector
     + WFS
     + GeoJSON
     + KML
     + MVT
     + OGCAPIFeatures
     + MBTilesVector
     + GenericVector
     + MapLibre
   • 2.1.1.2. Capas ráster
     + WMS
     + WMTS
     + TMS
     + XYZ
     + OSM
     + MBTiles
     + GenericRaster
     + GeoTIFF
   • 2.1.1.3. Capas rápidas
   • 2.1.1.4. Grupo de capas

 ■ 2.1.2. Simbolización
   • 2.1.2.1. Genérica
     + Puntos
     + Líneas
     + Polígonos
   • 2.1.2.2. Básica
     + Puntos
     + Líneas
     + Polígonos
   • 2.1.2.3. Avanzada
     + Coropletas
     + Proporcional
     + Categorías
     + Estadísticos
     + Mapas de Calor
     + Cluster
     + Línea de flujo
     + Composición

 ■ 2.1.3. Filtros

2.3.-Plugins

  > Creación de plugin en cliente

  » Tutorial de creación de un plugin

2.4. Paneles

  » Creación de panel desde cero sin controles

  » Tutorial Panel de un único control

  » Tutorial Panel de un único control con más de un botón

  » Tutorial Panel con más de un control

2.5. Eventos

  » Gestión de eventos
  » Gestión de eventos en controles personalizados

    2.6. Internacionalización

    2.7. Configuración

    2.8. Acceso librerías base

3. UTILIDADES

4. PROXY

5. API REST
 5.1. Parametrización API-REST
 5.2. Base de Datos API-REST
 5.3. API REST Actions
 5.4. Servicio de correos electrónicos
 5.5. Capas rápidas

6. PARAMETRIZACIÓN VISUALIZADORES

7. SOLUCIÓN DE PROBLEMAS

8. PROCESO DE VERSIONADO

9. GUÍA DE DESARROLLO
  > Guía para el desarrollo de API-CNIG
  » Tutorial desarrollo del núcleo de API-CNIG - (Cliente)
  > Guía de desarrollo de componentes
  » Tutorial desarrollo del núcleo de API-CNIG - (Servidor)
  > Guía de desarrollo de plugins
  » Tutorial desarrollo de plugins ya creados
  » Tutorial desarrollo de nuevos plugins
  > Guía de desarrollo de visualizadores con React

  > Compilación proyecto API-CNIG

Clone this wiki locally