[Test3] X LayerGroup

by Francisco

HTML

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

CSS

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

JavaScript

let mapa = M.map({
  container: 'map',
  controls: ['layerswitcher'],
  layers:["OSM"],
  bbox: [96388, 3959795, 621889, 4299792],
  zoom: 3
});



let sigpac2020Group = new M.layer.LayerGroup({ id: "sigpac2020Group", title: "Public", zIndex: 100000, });
sigpac2020Group.addChild(new M.layer.GeoJSON({
  name: "Provincias",
  url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json",
  extract: true
}));
/*sigpac2020Group.addChild(new M.layer.WMS({
    url: 'https://www.ideandalucia.es/services/andalucia/wms?',
    name: '05_Red_Viaria',
    legend: 'RedViaria',
    transparent: true,
    tiled: false
  }));*/
sigpac2020Group.setVisible(true);


mapa.addLayerGroup(sigpac2020Group);

console.log('La agrupación ' + sigpac2020Group.title + ' tiene ' + sigpac2020Group.getChildren().length + ' capas hijas');