Style Point

by solcursomapea

HTML

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

CSS

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

JavaScript

// Mapea estilos
// https://www.guadaltel.es/redmine/projects/mapea-publico/wiki/Mapea-Estilos

var map = M.map({
  'container': 'map',
  layers: ["OSM"]
});


let centros = new M.layer.WFS({
  url: "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?",
  namespace: "mapea",
  name: "centrosassda",
  getfeatureinfo: "plain",
  geometry: 'POINT',
});
map.addLayers(centros);

let stylepoint = new M.style.Point({
  fill: {
    color: "blue",
    opacity: "0.6"
  },
  stroke: {
    color: "black",
    width: 6
  },
  radius: 15,
  label: {
    text: "Texto label",
    scale: 1.5,
    color: 'white',
    stroke: {
      color: '#f00',
      width: 3
    },
  }
});

centros.setStyle(stylepoint);