WFS - Sample - SIN renderMode

Ejemplo de solicitud de capas WFS sin renderMode.

by SIGC GUADALTEL

HTML

<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/assets/css/mapea-5.1.0.ol.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/js/mapea-5.1.0.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea-hcsigc/js/configuration-5.1.0.js"></script>
<button type="button" onclick="wfsTest()"> Carga WFS Test SINrenderMode</button>
<button type="button" onclick="geojsonTest()"> Carga GeoJSON Test SINrenderMode</button>

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

CSS

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

JavaScript

let layerActual = 'Global:ogrgeojson'; //'PRUEBAS:upruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3';

/* const wfs = new M.layer.WFS({
  url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/PRUEBAS/ows?',
  name: 'PRUEBAS:upruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3'
});*/


// Global:ogrgeojson
const wfs = new M.layer.WFS({
  url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/ows?',
  name: 'Global:ogrgeojson'
});
  
const mapjs = M.map({ container: 'map', 
			controls: ['layerswitcher'],
      layers: [wfs]});


// Otras capas
// TĂ©rminos municipales - PRUEBAS:upruebas___terminos__78770832_3b1b_4e96_971f_63b94279e81d


function wfsTest() {
	mapjs.removeLayers(mapjs.getLayers({name: layerActual}));

	/*const wfsActual  = new M.layer.WFS({
  	url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/PRUEBAS/ows?',
  	name: 'PRUEBAS:upruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3'
});*/

const wfsActual  = new M.layer.WFS({
  	url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/ows?',
  	name: 'Global:ogrgeojson'
});

	mapjs.addLayers(wfsActual);
  
  layerActual = 'Global:ogrgeojson';
}

function geojsonTest() {
	mapjs.removeLayers(mapjs.getLayers({name: layerActual}));
  
	/* const geojson = new M.layer.GeoJSON({
  url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/PRUEBAS/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=PRUEBAS%3Aupruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3&outputFormat=application%2Fjson',
  name: 'geoSinRender'
}); */
  const geojson = new M.layer.GeoJSON({
  url: 'http://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/PRUEBAS/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=Global:ogrgeojson&outputFormat=application%2Fjson',
  name: 'geoSinRender'
});


	mapjs.addLayers(geojson);

	layerActual = 'geoSinRender';
}