CP-CHAP-10 - GeoJSON + KML - Pulsar sobre KML provoca caja emergente adicional
Con una capa GeoJSON carga con otra KML, al pulsar sobre algún elemento del KML sale el popup del KML pero también se activa una caja emergente que luego no se puede cerrar. http://jsfiddle.net/fbma/xtfv34zp/
by SIGC
HTML
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/assets/css/mapea.ol.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/printer/printer.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>
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/printer/printer.ol.min.js"></script>
<div id="map"></div>
CSS
<style rel="stylesheet">
html,
body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
JavaScript
// Pasos a probar
// Pulsar sobre capa geoJSON (alguna provincia) - verificar si está o no activa la información extract true/false
// Si está activo, pulsar sobre algún elemento de capa KML
// Verificar si sale el Popup de KML
// Observar si sale o no popup de geoJSON
// Si sale en blanco se trata de un error
// PDTE - Determinar qué debe ocurrir en este caso.
// En constructor
mapajs = M.map({
container: 'map',
controls: ['layerswitcher'],
wmcfiles: ['cdau']
});
/*var layer = new M.layer.WFS({
name: "Provincias",
url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json"
});*/
var layer = new M.layer.GeoJSON ({
name: "Provincias",
url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/tematicos/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=tematicos:Provincias&maxFeatures=50&outputFormat=application/json",
// extract: false
});
estilo = new M.style.Polygon({
stroke: {
color: 'blue'
},
fill: {
color: 'white',
opacity: 0.5
}
});
layer.setStyle( estilo);
mapajs.addLayers([layer,'KML*Arboleda*http://mapea4-sigc.juntadeandalucia.es/files/kml/arbda_sing_se.kml*true']);
// Se puede especificar el numero de elementos por pagina
mapajs.addPlugin(new M.plugin.AttributeTable({
"pages": "8"
}));