WFS - Sample - renderMode

Ejemplo de solicitud de capas WFS con 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 POL Test renderMode</button>
<button type="button" onclick="geojsonTest()"> Carga GeoJSON POL Test renderMode</button>
<button type="button" onclick="wfsLineTest()"> Carga WFS LINE Test renderMode</button>
<button type="button" onclick="geojsonLineTest()"> Carga GeoJSON LINE Test renderMode</button>

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

CSS

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

JavaScript

// layerActual = 'PRUEBAS:upruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3';

let layerActual = 'sas_23222075_a840_4a19_bb88_1815815f61f6';



/*
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',
}, {}, { renderMode: 'image' });
*/

const wfs = new M.layer.WFS({
  url: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/ows?',
  name: 'sas_23222075_a840_4a19_bb88_1815815f61f6',
}, {}, { renderMode: 'image' });

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: 'https://herramienta-centralizada-sigc.desarrollo.guadaltel.es/geoserver/Global/ows?',
  	name: 'sas_23222075_a840_4a19_bb88_1815815f61f6',
	}, {}, { renderMode: 'image' });

	mapjs.addLayers(wfsActual);
  
  layerActual = 'sas_23222075_a840_4a19_bb88_1815815f61f6';
}

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

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


	mapjs.addLayers(wfsActual);
  
  layerActual = 'upruebas___hs1_400___0a7a9ec2_b553_4f28_a965_9d8495febdc3';
}




function geojsonTest() {
	mapjs.removeLayers(mapjs.getLayers({name: layerActual}));
  
  const geojson = new M.layer.GeoJSON({
  	url:...