CP-060-01 - FILTRADO ESPACIAL POR PROVINCIAS

Mapea 5 Devolver features filtradas, extent features filtradas, devolver por id, eliminar features, eliminar features filtradas, eliminar una o mas features NOTA: Revisar salidas por CONSOLA FILTRADO ESPACIAL POR PROVINCIAS (antiguo test: http://jsfiddle.net/sigcJunta/k36j7k3n/)

by SIGC

HTML

<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/stylemanager/stylemanager.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/js/configuration.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea.ol.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/1.3.7/chroma.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/stylemanager/stylemanager.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/attributetable/attributetable.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/attributetable/attributetable.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/printer/printer.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea5/plugins/printer/printer.ol.min.js"></script>
<button id="btnFiltrar" onclick="filtrar('Sevilla')">Filtrar Sevilla</button>
<button id="btnFiltrar" onclick="filtrar('Huelva')">Filtrar Huelva</button>
<button id="btnFiltrar" onclick="filtrar('Cádiz')">Filtrar Cádiz</button>
<button id="btnFiltrar" onclick="filtrar('Córdoba')">Filtrar Córdoba</button>
<button id="btnFiltrar" onclick="filtrar('Almería')">Filtrar Almería</button>
<button id="btnFiltrar" onclick="filtrar('Granada')">Filtrar Granada</button>
<button id="btnFiltrar" onclick="filtrar('Jaén')">Filtrar Jaén</button>
<button id="btnFiltrar" onclick="filtrar('Málaga')">Filtrar Málaga</button>
<div id="map" class="container"></div>

CSS

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

JavaScript

// TEST
// Prueba filtro por CQL contra el servicio WFS



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

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

mapajs.addPlugin(new M.plugin.AttributeTable());

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


lyProvincias.setStyle(new M.style.Polygon({
  fill: {
    color: 'blue',
    opacity: 0.3
  }
}));

mapajs.addLayers(lyProvincias);

function filtrar(ciudad) {
  lyProvincias.setCQL(`nombre='${ciudad}'`);
}