CP-030-02 - CARGAR WFS - geotemáticos

CARGAR WFS - geotemáticos

by SIGC

HTML

<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/assets/css/mapea.ol.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/printer/printer.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/vendor/browser-polyfill.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/js/configuration.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/printer/printer.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/attributetable/attributetable.ol.min.js"></script>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/attributetable/attributetable.min.css">
<div id="map" class="container"></div>

CSS

<style rel="stylesheet">html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

JavaScript

// CP-030-02 - CARGAR WFS - geotemáticos
// TEST
// Carga WFS de geotemáticos
// 1. Carga WFS geotemáticos
// 2. Establece estilo con rado = 10 

var mapajs = new M.map({
  container: "map",
  layers: [
    new M.layer.WMS({
      url: 'http://ovc.catastro.meh.es/Cartografia/WMS/ServidorWMS.aspx?',
      name: 'Catastro',
      legend: 'Catastro',
      transparent: false,
      tiled: false
    })
  ],
  center: [211000, 4040000],
  zoom: 3,
  controls: ['layerswitcher']
});


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"
  }
}));


var layer = new M.layer.WFS({
  url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/sepim/wfs",
  name: "empresas"
});

empresasStyle = new M.style.Point({
  radius: 10,
  fill: {
    color: 'red'
  }
});

layer.setStyle(empresasStyle);

mapajs.addLayers(layer);