[Wiki] Mapea4 - WMS

by Francisco

HTML

<script src="http://sigc.desarrollo.guadaltel.es/mapea5/js/mapea-5.0.1.ol.min.js"></script>
<script src="http://sigc.desarrollo.guadaltel.es/mapea5/js/configuration-5.0.1.js"></script>
<link rel="stylesheet" href="http://sigc.desarrollo.guadaltel.es/mapea5/assets/css/mapea-5.0.1.ol.min.css">
<div id="map"></div>

CSS

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

JavaScript

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

// Capa puntual de Campamentos
var campamentos = new M.layer.WFS({
url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/sepim/ows?",
name: "campamentos",
legend: "Campamentos",
geometry: 'MPOINT'
});

map.addLayers(campamentos);

// Estilo basico: puntos amarillos con borde rojo
let estilo_base = new M.style.Point({
  radius: 5,
  fill: {
    color: 'yellow',
    opacity: 0.5
  },
  stroke: {
    color: '#FF0000'
  }
});

// Estilo cluster por defecto
let estilo_cluster = new M.style.Cluster();
campamentos.setStyle(estilo_cluster);

// Cluster permite Composite, asi que se le agrega el
// estilo base
let composite = estilo_cluster.add(estilo_base);

// Y asignamos a la capa la composicion creada
campamentos.setStyle(composite);

// Podemos ver qué estilos tiene agregados el estilo_cluster
console.log('estilo_cluster tiene agregados los siguientes estilos:', estilo_cluster.getStyles());