[INT] Mapera 4.1 - Filtros

by SIGC GUADALTEL

HTML

<script src="http://www.juntadeandalucia.es/sandetel/publicacion/mapea/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://www.juntadeandalucia.es/sandetel/publicacion/mapea/assets/css/mapea.ol.min.css">
<script src="http://www.juntadeandalucia.es/sandetel/publicacion/mapea/js/configuration.js"></script>
<button id="filtrar" onclick="filtrar();">
  Filtrar
</button>
<button id="filtrar" onclick="limpiar();">
  Limpiar filtro
</button>
<input id="chkCQL" type="checkbox" name="cql"> Transformar a CQL

<div id="map"></div>

CSS

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

JavaScript

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

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

 mapajs.addLayers(lyProvincias);

 function filtrar() {
   let nProv = prompt("Introduzca el nombre de la provincia", "Sevilla");
   let filterEqual = M.filter.EQUAL("nombre", nProv);
   if($('#chkCQL')[0].checked){
   			lyProvincias.setCQL(filterEqual.toCQL());
   }else{
      	lyProvincias.setFilter(filterEqual);
   }
 }

 function limpiar() {
 		if($('#chkCQL')[0].checked){
   			lyProvincias.setCQL(null);
   }else{
      	lyProvincias.removeFilter();
   }
   
 }