Guía Digital [OSM y carga de capa]

En vez de pedir las capas por separado, se le piden al Geoserver en una única petición

by deivil79

HTML

<script src="http://mapea4-sigc.juntadeandalucia.es/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration.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: ["callejero"],
//  controls: ["layerswitcher"]
//});

var mapajs = M.map({
  container: "map",
  layers: [new M.layer.OSM()],
  bbox: [96388, 3959795, 621889, 4299792],
  controls: ["layerswitcher", "mouse"],
  zoom: 4,
   //tenemos que forzar el bbox y el zoom a fuego porque no ajusta
});

var todos_features;

var capaGeoJSON = new M.layer.GeoJSON({
  name: "Entidades",
  url: "http://www.iaph.es/ide/localizador/wfs?service=WFS&version=1.1.0&request=GetFeature&typeName=localizador:localizador&outputFormat=application/json"
});

capaGeoJSON.setStyle(new M.style.Cluster({}));
mapajs.addLayers(capaGeoJSON);