CP-CHAP-04 - Carga - Remove KML Layer

Carga y elimina capa KML

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>
<link rel="stylesheet" href="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/attributetable/attributetable.min.css">
<script src="https://sigc.desarrollo.guadaltel.es/mapea42_dev/plugins/attributetable/attributetable.ol.min.js"></script>
<button id="btnGeom1" onclick="cambiarGeometry1();">
  Cambiar feature 1
</button>
<button id="btnGeom2" onclick="cambiarGeometry2();">
  Cambiar feature 2
</button>
<div id="map"></div>

CSS

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

JavaScript

let mapajs = M.map({
   container: "map",
   wmcfile: "callejero",
   controls: ["mouse", "layerswitcher", ]
 });

 var feature2 = 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"
   }
 });

 var geometry1 = {
   "type": "MultiPolygon",
   "coordinates": [
     [
       [
         [217015, 4101798],
         [261647, 4047356],
         [337669, 4118964],
         [217015, 4101798]
       ]
     ]
   ]
 };

 /* ////REV_PRUEBA - descomentar caoaGeoJSON y comentar abajo
				var capaGeoJSON = new M.layer.GeoJSON({
          source: {
            "crs": {
              "properties": {
                "name": "EPSG:23030" //"EPSG:25830"
              },
              "type": "name"
            },
            "features": [feature2.getGeoJSON()],
            //"features": [],
            "type": "FeatureCollection"
          },
          name: 'prueba'
        });*/

 ////REV_PRUEBA - Comentar caoaGeoJSON y descomentar arriba
 var capaGeoJSON = new M.layer.GeoJSON({
   // No visibles porque por defecto si no see indica el crs es 4326
   source: {},
   name: 'prueba'
 });

 capaGeoJSON.addFeatures(feature2); // Probar que se carga correctamente el feature

 /// Descomentar para ver que se carga después       setTimeout(() => capaGeoJSON.addFeatures(feature2), 1000);


 mapajs.addLayers(capaGeoJSON);


 mapajs.addPlugin(new...