[Ej] GeoJSON zoom

by Francisco

HTML

<script src="https://mapea4-sigc.juntadeandalucia.es/js/mapea-5.1.0.ol.min.js"></script>
<link rel="stylesheet" href="https://mapea4-sigc.juntadeandalucia.es/assets/css/mapea-5.1.0.ol.min.css">
<script src="https://mapea4-sigc.juntadeandalucia.es/js/configuration-5.1.0.js"></script>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

var mapajs = M.map({
	container:"map",
  wmcfiles:["mapa"]
  });

//GeoJSON servido

let layer = new M.layer.GeoJSON({name: "Provincias", url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json"});

// Cuando la capa se cargue
layer.on(M.evt.LOAD, () => {
  // zoom a la capa
  mapajs.setBbox(layer.getFeaturesExtent());
  
});

mapajs.addLayers(layer);