2- Clase Layer Vector, Clase Feature

by solcursomapea

HTML

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

CSS

<style rel="stylesheet">html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

JavaScript

// Mapea - Documentación clases
// http://mapea4-sigc.juntadeandalucia.es/doc/index.html

// Mapea - Primeros Pasos
// https://github.com/sigcorporativo-ja/Mapea4/wiki/Primeros-pasos


let map = M.map({
  "container": "map",
  //"layers": ["OSM"],
  //"projection": "EPSG:4326*d",
  //"controls": ["mouse", //"layerswitcher"],
  //"zoom": 3,
  //"center": [10, 20],

});

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

// GeoJSON
let points = new M.layer.GeoJSON({
	extract: false,
  name: "points",
  source: {
    "type": "FeatureCollection",
    "features": [{
        "type": "Feature",
        "properties": {
          "alumnos": 400,
          "colegios": 2
        },
        "geometry": {
          "type": "Point",
          "coordinates": [-6.383056640625,
            37.3002752813443
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          "alumnos": 340,
          "colegios": 5
        },
        "geometry": {
          "type": "Point",
          "coordinates": [-6.119384765624999,
            37.60552821745789
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          "alumnos": 675,
          "colegios": 3
        },
        "geometry": {
          "type": "Point",
          "coordinates": [-5.679931640625,
            37.43997405227057
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          "alumnos": 440,
          "colegios": 2
        },
        "geometry": {
          "type": "Point",
          "coordinates": [-6.0205078125,
            37.17782559332976
          ]
        }
      },
      {
        "type": "Feature",
        "properties": {
          "alumnos": 520,
          "colegios": 6
        },
        "geometry": {
          "type": "Point",
          "coordinates":...