Cluster MPolygon

Test en mapea 5

by SIGC

HTML

<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">
<button id="button">
Get Geometry
</button>
<div id="map" class="container"></div>

CSS

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

JavaScript

// map
let map = M.map({
  container: 'map',
  controls: []
});

const cluster = new M.style.Cluster();

const wfs = new M.layer.WFS({
	url: 'http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?',
  name: 'Provincias',
  namespace: 'tematicos',
  geometry: 'MPolygon'
});

map.addLayers([wfs])

wfs.setStyle(cluster)

document.querySelector('#button').onclick = () => alert(wfs.getFeatures()[0].getGeometry().type)