Style Cluster + Clear Style

Test en mapea42_dev

by SIGC GUADALTEL

HTML

<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/js/mapea.ol.min.js"></script>
<script src="https://mapea4-sigc.juntadeandalucia.es/js/configuration.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/stylemanager/stylemanager.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/stylemanager/stylemanager.min.css">
<div id="map">
  <button onclick="clearStyle()">Limpiar estilo</button>
</div>

CSS

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

JavaScript

var map = M.map({
      'container': 'map',
      "controls": ["layerswitcher"]
    });


    let centros = new M.layer.WFS({
      name: "Centros ASSDA",
      url: "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?",
      namespace: "mapea",
      name: "centrosassda",
      getfeatureinfo: "plain",
      geometry: 'POINT',
    });
    map.addLayers(centros);
    let style = new M.style.Cluster();
    let style2 = new M.style.Choropleth('nregin', ['black', 'red']);
    style2.add(style);
    centros.setStyle(style2);

    const clearStyle = () => {
      centros.clearStyle();
    }