CP-025-01 - Attribute Table

Carga el plugin de AttributeTable (Copiado de CP-025-01 AttributeTable (https://codepen.io/sigc_gdtel/pen/bWRyjJ)

by SIGC GUADALTEL

HTML

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

CSS

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

JavaScript

// Copiado de CP-025-01 AttributeTable (https://codepen.io/sigc_gdtel/pen/bWRyjJ)
// Corresponde con el Test Mapea CP-025-01. Lo mantenemos con esta codificación.
//
// Se obtiene la capa WFS cargada y se le aplica estilo.



// Incluir 
// https://sigc.desarrollo.guadaltel.es/mapea/plugins/attributetable/attributetable.ol.min.js
// https://sigc.desarrollo.guadaltel.es/mapea/plugins/attributetable/attributetable.min.css


mapajs = M.map({
  wmcfiles: ["callejero"],
  container: "map",
  layers: [
    "WFST*capa wfs*https://clientes.guadaltel.es/desarrollo/geossigc/wfs?*callejero:prueba_pun_wfst*MPOINT",
  ],
	controls: ['layerswitcher'],
	extract: true
});


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


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

console.log(mapajs.getWFS()[0]);
let capaWFS = mapajs.getWFS()[0];

capaWFS.setStyle(stlyesimple);

console.log(capaWFS);