[5.0.1] setCQL

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>
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/plugins/printer/printer-2.0.0.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/plugins/printer/printer-2.0.0.min.css">
<button id="btnCQL" onclick="setCQL();">
  Establecer CQL
</button>
<button id="btnFiltro" onclick="filtrar();">
  Filtrar
</button>
<button id="btnLimpiar" onclick="limpiar();">
  Limpiar filtro
</button>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

let mapajs = M.map({
  container: "map",
  controls: ["layerswitcher"]
});
mapajs.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 layer = new M.layer.WFS({
  url: "http://www.juntadeandalucia.es/institutodeestadisticaycartografia/geoserver-ieca/grid/wfs?",
  namespace: "grid",
  name: "gridp_250",
  legend: "Grid",
  geometry: 'MPOLYGON',
  version: '2.0',
  cql: "cmun LIKE '%18005%'"
});

layer.on(M.evt.LOAD, function() {
  mapajs.setBbox(layer.getFeaturesExtent());
});

mapajs.addWFS(layer);

function setCQL() {
  let cql = prompt("Introduzca filtro CQL", "cmun LIKE '%18005%'");
  layer.setCQL(cql);
}


function filtrar() {
  let nPob = prompt("Introduzca valor mínimo población", 100);
  let filterEqual = M.filter.GTE("pob_tot", nPob);
  layer.setFilter(filterEqual);
  mapajs.setBbox(layer.getFeaturesExtent());

}

function limpiar() {
  layer.removeFilter();
  mapajs.setBbox(layer.getFeaturesExtent());
}