[Test] Vector

by Francisco

HTML

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

CSS

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

JavaScript

lavar mapajs = M.map({
  container: "map",
  wmcfiles: ["mapa"],
  controls: ['layerswitcher']
});

//GeoJSON servido
let layer = new M.layer.Vector({
  name: 'capa_vector',
  legend: "Capa vector",
  //extract: false

});
mapajs.addLayers(layer);

//layer.on(M.evt.LOAD, function() {
console.log('Lista');
let miFeature = new M.Feature("featurePrueba002", {
  "type": "Feature",
  "id": "prueba_pol_wfst.1985",
  "geometry": {
    "type": "Polygon",
    "coordinates": [
      [
        [263770.72265536943, 4085361.4590256726],
        [230910.00600234355, 4031901.3328427672],
        [288293.77947248437, 4017678.0840030923],
        [263770.72265536943, 4085361.4590256726]
      ]
    ]
  },
  "geometry_name": "geometry",
  "properties": {
    "cod_ine_municipio": "41091",
    "cod_ine_provincia": "-",
    "area": 1234,
    "perimetro": 345,
    "cod_ine_comunidad": "-",
    "nombre": "feature2",
    "nom_provincia": "Cádiz",
    "alias": "f2",
    "nom_ccaa": "Andalucía"
  }
});

layer.addFeatures(miFeature);

let estilo1 = new M.style.Polygon({
  fill: {
    color: 'green'
  }
});

layer.setStyle(estilo1);


/*
layer.on(M.evt.SELECT_FEATURES, function(features) {
  console.log("Se han seleccionado los features: ", features);
});*/