_V_ANT_ - COMPARACION - CP-CHAP-06 - M.evt.LOAD - Asegurar que sigue funcionando
M.evt.LOAD - Prueba orientada a garantizar la retrocompatibilidad
Prueba la recepción de M.evt.LOAD en capas GeoJSON, WFS, KML.
by SIGC GUADALTEL
HTML
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/assets/css/mapea.ol.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/geosearchbylocation/geosearchbylocation.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/wfstcontrols/wfstcontrols.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/geosearch/geosearch.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/printer/printer.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/measurebar/measurebar.min.css">
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea/plugins/streetview/streetview.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea/vendor/browser-polyfill.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/js/mapea.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/js/configuration.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/geosearchbylocation/geosearchbylocation.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/wfstcontrols/wfstcontrols.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/geosearch/geosearch.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/printer/printer.ol.min.js"></script>
<script src="https://sigc.desarrollo.guadaltel.es/mapea/plugins/measurebar/measurebar.ol.min.js"></script>
<div id="map"></div>
CSS
<style rel="stylesheet">
html,
body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
JavaScript
window.mapajs = M.map({
'container': 'map',
"controls": ["layerswitcher", "mouse", "scale", "overviewmap", "panzoombar", "scaleline"],
});
// GEOJSON LAYER
let geojson = new M.layer.GeoJSON({
name: "Empresas",
url: "http://geostematicos-sigc.juntadeandalucia.es/geoserver/sepim/wfs?outputFormat=application/json&request=getfeature&typeNames=sepim:empresas&version=1.3.0",
extract: false
});
geojson.on(M.evt.LOAD, () => alert('GeoJSON: Evento load desde fachada'));
geojson.getImpl().on(M.evt.LOAD, () => alert('GeoJSON: Evento load desde implementación'));
// WFS LAYER
let wfs = new M.layer.WFS({
name: "Centros ASSDA",
url: "https://clientes.guadaltel.es/desarrollo/geossigc/wfs?",
namespace: "mapea",
name: "centrosassda",
legend: "centrosassda",
geometry: 'POINT'
});
wfs.on(M.evt.LOAD, () => alert('WFS: Evento load desde fachada'));
wfs.getImpl().on(M.evt.LOAD, () => alert('WFS: Evento load desde implementación'));
// KML LAYER
let kml = new M.layer.KML('KML*Arboleda*http://clientes.guadaltel.es/desarrollo/mapea/Componente/kml/arbda_sing_se.kml*true');
kml.on(M.evt.LOAD, () => alert('KML: Evento load desde fachada'));
kml.getImpl().on(M.evt.LOAD, () => alert('KML: Evento load desde implementación'));
mapajs.addLayers([geojson, wfs, kml]);