[Plugin] - StyleManager

by SIGC

HTML

<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/mapea/assets/css/mapea.ol.min.css">
<script src="https://mapea4-sigc.juntadeandalucia.es/mapea/js/mapea.ol.min.js"></script>
<script src="https://mapea4-sigc.juntadeandalucia.es/mapea/js/configuration.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/stylemanager/stylemanager.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/stylemanager/stylemanager.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/attributetable/attributetable.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/attributetable/attributetable.ol.min.js"></script>
<div id="mapjs">
</div>

CSS

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

JavaScript

var myMap = M.map({
    container: 'mapjs',
    controls: ['layerswitcher']
  });

  // create here the plugin
  var mp = new M.plugin.StyleManager();


  let ayuntamientos =  new M.layer.GeoJSON(
            {name: "Ayuntamientos",
             url:  "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?service=WFS&version=1.0.0&request=GetFeature&typeName=mapea:assda_sv10_ayuntamiento_point_indicadores&outputFormat=application/json"
  });

var layer = 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"});
						 
   var layerRios = new M.layer.GeoJSON({
     name: "RĂ­os",
     url: " http://clientes.guadaltel.es/desarrollo/geossigc/mapea/wms?service=WFS&version=1.1.0&request=GetFeature&typeName=mapea:mapb_hs1_100&maxFeatures=50&outputFormat=application/json"
   });

   myMap.addLayers(layer);

   myMap.addLayers(ayuntamientos);
   myMap.addLayers(layerRios);

   myMap.addPlugin(mp);
	 
	 myMap.addPlugin(mp2);