[Wiki] estilo Points

by Francisco

HTML

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

CSS

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

JavaScript

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


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



let estiloPunto = new M.style.Point({
  icon: {
     form: M.style.form.BUBBLE,
     gradient: true,
     //class: "g-cartografia-alerta",
     //fontsize: 0.5,
     radius: 10,
     rotation:0,
     rotate: false,
     offset: [0, -12],
     //color: 'blue',
     fill: '#0000FF',
     gradientcolor: '#FFff00',
     opacity: 0.8
    }
});

campamentos.setStyle(estiloPunto);
mapajs.addLayers(campamentos);