[Plugin] - StyleManager

Mapea 5

HTML

<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/stylemanager/stylemanager.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea.ol.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/1.3.7/chroma.min.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/attributetable/attributetable.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/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']
   });
   // 
   M.utils.extends = M.utils.extendsObj

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

   var mp2 = new M.plugin.AttributeTable();

   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(mp2);