[Mapea5] Estilos por escala

by SIGC GUADALTEL

HTML

<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration.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/1.4.0/chroma.min.js"></script>
<div id="map"></div>

CSS

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

#map1,
#map2 {
  width: 49vw;
  float: left;
}

JavaScript

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

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

 mapajs.addLayers([polygons, points]);