Prueba Printer + Cluster

mapea-junta

by SIGC GUADALTEL

HTML

<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/printer/printer.min.css">
<script src="https://mapea4-sigc.juntadeandalucia.es/js/mapea.ol.min.js"></script>
<script src="https://mapea4-sigc.juntadeandalucia.es/js/configuration.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/printer/printer.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/js/mapea-5.1.0.ol.min.js"></script>
<div id="map">
</div>

CSS

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

JavaScript

let map = M.map({
  container: "map"
}).addPlugin(new M.plugin.Printer({
  "params": {
    "layout": {
      "outputFilename": "mapea_${yyyy-MM-dd_hhmmss}"
    },
    "pages": {
      "clientLogo": "http://www.juntadeandalucia.es/economiayhacienda/images/plantilla/logo_cabecera.gif",
      "creditos": "Impresión generada a través de Mapea"
    }
  }
}, {
  "options": {
    "legend": "true"
  }
}));

var centros = new M.layer.WFS({
  url: "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?",
  namespace: "mapea",
  name: "assda_centros",
  legend: "centrosassda",
  geometry: 'POINT',
});

map.addLayers(centros);

centros.setStyle(new M.style.Cluster({
  ranges: [{
    min: 2,
    max: 2000,
    style: new M.style.Point({
      stroke: {
        color: "black"
      },
      fill: {
        color: 'red'
      },
      radius: 20
    })
  }],
  label: {
    color: "black"
  }
}));