CP-CHAP-11

GeoJSON + KML - Pulsar sobre KML provoca caja emergente adicional

by solcursomapea

HTML

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

CSS

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

JavaScript

// [CP-CHAP-11] TEST aplicación estilo como parámetro
// Prueba orientada a comprobar que la aplicación del estilo se puede realizar 
// con anterioridad a tener la capa cargada en el mapa sin tener que esperar a un evt LOAD
// 1.- Comprobación de creación de capa con estilo - La capa se inicializa marrón
// 2.- Comprobación seteo de estilo antes de la carga - la capa se inicializa azul (DESCOMENTAR ////CP-PASO-2 y ejecutar sin activar función on.(M.evt.LOAD...)



let mapajs = M.map({
  'container': 'map',
  "controls": ["layerswitcher", "mouse", "scale", "overviewmap", "panzoombar", "scaleline", ],
  "getfeatureinfo": "plain",
  bbox: [204658, 4119745, 266622, 4158094]
});


let estilo = new M.style.Polygon({
  fill: {
    color: 'brown',
  }
});

let estilo2 = new M.style.Polygon({
  fill: {
    color: 'blue',
  }
});

let poblacion = new M.layer.WFS({
  name: "Población",
  url: "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?bbox=204658,4119745,266622,4158094",
  namespace: "mapea",
  name: "nucleos_datos_poblacion",
  legend: "poblacion",
  getfeatureinfo: "plain",
  geometry: 'POLYGON',
  //bbox: [204658,4119745,266622,4158094], --> SERÍA INTERESANTE

  extract: true
}/*, {
  style: estilo
}*/);

poblacion.setStyle(estilo);/// --> debería poder hacerse sin el LOAD
//// poblacion.on(M.evt.LOAD, function() {
////CP-PASO-2 poblacion.setStyle(estilo2);
////});

mapajs.addLayers(poblacion);