[Mapea5] Acceso a Map en Style

by SIGC GUADALTEL

HTML

<script src="http://publicacion.i-administracion.junta-andalucia.es/mapea/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://publicacion.i-administracion.junta-andalucia.es/mapea/assets/css/mapea.ol.min.css">
<script src="http://publicacion.i-administracion.junta-andalucia.es/mapea/js/configuration.js"></script>
<div id="map1"></div>

CSS

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

JavaScript

const mapajs1 = M.map({
   container: "map1",
   wmcfile: "callejero",
   controls: ["layerswitcher","scale","scaleline"]
 });

mapajs1.on(M.evt.COMPLETED, ()=> alert("Cargado"))

 const polygons = new M.layer.WFS({
   url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?",
   namespace: "tematicos",
   name: "Provincias",
   legend: "Provincias",
   geometry: 'MPOLYGON'
 });


 mapajs1.addLayers([polygons]);

 const style = new M.style.Polygon({
   fill: {
     color: (feature, map) =>  {
     		return map.getScale() > 500000 ? 'red' : 'blue';
     },
     opacity: (feature, map) =>  {
     		return map.getScale() > 500000 ? 0.7 : 0.3;
     }

   },
   stroke: {
     color: 'green',
   }
 });
 
 
 polygons.setStyle(style.serialize());