LayerGroup

by SIGC GUADALTEL

HTML

<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/assets/css/mapea-5.1.0.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/js/mapea-5.1.0.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/js/configuration-5.1.0.js"></script>
<div id="map"></div>

CSS

html,
 body {
   margin: 0;
   padding: 0;
   height: 100%;
   overflow: hidden;
 }

JavaScript

const mapa = M.map({ container: 'map', controls: ['layerswitcher'] });

const centrosMedicos = new M.layer.WFS({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/wfs?*',
  name: 'centros_medicos_2da3a991_a621_4a01_b4c0_a9c7f90d1f00',
  legend: 'Centros Medicos',
  tiled: true,
});

const nucleo = new M.layer.WFS({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/wfs?*',
  name: 'cc___nucleo_poblacio_5d382c56_5337_4725_a993_e8ba32a1f287',
  legend: 'Nucleo',
  tiled: true,
});

const provinciasWFS = new M.layer.WFS({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/guadaltel_prod/wfs?*',
  name: 'u2_red_nacional_de_p_1ac4a9b2_dde9_4a83_9569_93ef5cfb1f60',
  legend: 'provinciasWMS',
  tiled: true,
});


const layerGroup1 = new M.layer.LayerGroup('id_grupo_1', 'Grupo 1');

mapa.addLayerGroup(layerGroup1);
layerGroup1.addChildren([provinciasWFS, centrosMedicos, nucleo])