From 45cd37cdc96ec1a79881bbcfb128d858b0e017df Mon Sep 17 00:00:00 2001
From: Matthias Mohr <webmaster@mamo-net.de>
Date: Sun, 5 Jan 2025 01:48:40 +0100
Subject: [PATCH] Fix bug in map extent visualization

---
 src/components/maps/MapExtentViewer.vue | 13 +++++++++++--
 src/components/maps/MapMixin.vue        |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/maps/MapExtentViewer.vue b/src/components/maps/MapExtentViewer.vue
index c128a0389..aebf30ae1 100644
--- a/src/components/maps/MapExtentViewer.vue
+++ b/src/components/maps/MapExtentViewer.vue
@@ -1,5 +1,5 @@
 <template>
-	<div :id="id">
+	<div :id="id" class="map-extent">
 		<ProgressControl ref="progress" :map="map" />
 	</div>
 </template>
@@ -20,6 +20,15 @@ export default {
 			// geometry: GeoJSON Object (WGS84)
 			type: [Array, Object],
 			default: () => null
+		},
+		fill: {
+			type: Boolean,
+			default: true
+		}
+	},
+	watch: {
+		footprint() {
+			this.renderMap();
 		}
 	},
 	methods: {
@@ -53,7 +62,7 @@ export default {
 
 			await this.createMap(isWebMercatorCompatible ? "EPSG:3857" : "EPSG:4326");
 			this.addBasemaps();
-			this.addExtent(value);
+			this.addExtent(value, this.fill);
 		}
 
 	}
diff --git a/src/components/maps/MapMixin.vue b/src/components/maps/MapMixin.vue
index 216b8eaaf..aaae70187 100644
--- a/src/components/maps/MapMixin.vue
+++ b/src/components/maps/MapMixin.vue
@@ -211,7 +211,7 @@ export default {
 			// Make a bigger extent visible so that user can get a better overview
 			var size = this.map.getSize();
 			if (size && paddingPc > 0) {
-				fitOptions.padding = [size[0]*paddingPc/100, size[1]*paddingPc/100, size[0]*paddingPc/100, size[1]*paddingPc/100];
+				fitOptions.padding = [size[1]*paddingPc/100, size[0]*paddingPc/100, size[1]*paddingPc/100, size[0]*paddingPc/100];
 			}
 			else {
 				fitOptions.padding = [30,30,30,30];