[Plugin] - StyleManager

by solcursomapea

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

  //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"});

myMap.addLayers(layer);

  myMap.addLayers(ayuntamientos);
  myMap.addPlugin(mp);
	
	
	
myMap.addControls([
    new M.control.Mouse(),
    new M.control.OverviewMap()]);