Merge pull request #5 from sigcorporativo-ja/develop

v1.1.0

dist/api.json

@@ -80,7 +80,7 @@
     "name": "Mirrorpanel",
     "description": "Plugin que permite comparar varias capas dividiendo la pantalla en varias partes.",
     "text": "Plugin que permite comparar varias capas dividiendo la pantalla en varias partes. Los mapas tienen sus vistas sincronizadas, y podemos ver la representación de una misma zona por distintas capas.",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "date": "Abril, 2021",
     "author": "",
     "org": "",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Mirrorpanel",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "",
   "keywords": [
     "map",

src/api.json

@@ -80,8 +80,8 @@
     "name": "Mirrorpanel",
     "description": "Plugin que permite comparar varias capas dividiendo la pantalla en varias partes.",
     "text": "Plugin que permite comparar varias capas dividiendo la pantalla en varias partes. Los mapas tienen sus vistas sincronizadas, y podemos ver la representación de una misma zona por distintas capas.",
-    "version": "1.0.1",
-    "date": "Abril, 2021",
+    "version": "1.1.0",
+    "date": "Junio, 2024",
     "author": "",
     "org": "",
     "tags": "mapea,plugin",
@@ -118,4 +118,4 @@
       ]
     }
   }
-}
+}

src/facade/assets/css/mirrorpanel.css

@@ -11,6 +11,18 @@
 	font-display: block;
 }
 
+/** Estilos herramienta*/
+
+#mapjs,
+#map {
+	height: 100% !important;
+	margin-top: 0px !important;
+}
+
+#lienzo {
+	height: 94.7vh;
+	margin-top: -1rem !important;
+}
 
 /** Estilos propios*/
 

src/facade/js/mirrorpanelcontrol.js

@@ -202,7 +202,7 @@ export default class MirrorpanelControl extends M.Control {
     bigContainer.classList.add('mirrorpanel-grid');
 
     const mapjsA = document.getElementById("mapjs") || document.getElementById("map");
-    document.body.insertBefore(bigContainer, mapjsA);
+    mapjsA.parentNode.insertBefore(bigContainer, mapjsA);
     mapjsA.classList.add('mirror1');
     bigContainer.appendChild(mapjsA);
 
@@ -302,7 +302,9 @@ export default class MirrorpanelControl extends M.Control {
       projection: this.map_.getProjection().code + '*' + this.map_.getProjection().units,
       zoom: this.map_.getZoom(),
     });
-    this.mapL[mapLyr].getMapImpl().setView(this.map_.getMapImpl().getView());
+    setTimeout(() => {
+      this.mapL[mapLyr].getMapImpl().setView(this.map_.getMapImpl().getView());
+    }, 500);
 
     if (this.showCursors) { this.addLayerCursor(mapLyr); }
     if (this.mirrorLayers.length > 0) {
@@ -332,7 +334,10 @@ export default class MirrorpanelControl extends M.Control {
       },
     });
 
-    this.lyrCursor[mapLyr].addFeatures([this.featureLyrCursor[mapLyr]]);
+    setTimeout(() => {
+      this.lyrCursor[mapLyr].addFeatures([this.featureLyrCursor[mapLyr]]);
+    }, 2000);
+
     this.lyrCursor[mapLyr].setStyle(this.styleCursor);
     this.lyrCursor[mapLyr].setZIndex(5000);
     this.mapL[mapLyr].addLayers(this.lyrCursor[mapLyr]);
@@ -381,7 +386,7 @@ export default class MirrorpanelControl extends M.Control {
     const mapjsA = document.getElementById("mapjs") || document.getElementById("map");
     mapjsA.style.display = "block";
     mapjsA.classList.remove('mirror1');
-    document.body.insertBefore(mapjsA, lienzo);
+    lienzo.parentNode.insertBefore(mapjsA, lienzo);
 
     // Load the main container
     document.getElementById("lienzo").remove();