[StyleManager] - Plugin de control de simbologia

Ayuntamientos

by SIGC GUADALTEL

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea-5.0.1.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea-5.0.1.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration-5.0.1.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/plugins/stylemanager/stylemanager.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/plugins/stylemanager/stylemanager.ol.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.0.3/chroma.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();

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

   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 ayuntamientos = new M.layer.GeoJSON({
     name: 'Sedes',
     url: 'http://geostematicos-sigc.juntadeandalucia.es/geoserver/sepim/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=sepim:SedesEquipamiento&maxFeatures=500&outputFormat=application%2Fjson'
   });
   myMap.addLayers(layer);
   
   myMap.addLayers(ayuntamientos)
   myMap.addPlugin(mp);
M.utils.extends = M.utils.extend