diff --git a/databrowser/src/components/map/MapBase.vue b/databrowser/src/components/map/MapBase.vue
index 20b13f578..1b2e19221 100644
--- a/databrowser/src/components/map/MapBase.vue
+++ b/databrowser/src/components/map/MapBase.vue
@@ -27,6 +27,7 @@
 
 <script lang="ts" setup>
 import { defineProps, defineAsyncComponent } from 'vue';
+import { PointExpression } from 'leaflet';
 import 'leaflet/dist/leaflet.css';
 
 const LMap = defineAsyncComponent(() =>
@@ -52,7 +53,7 @@ interface Position {
 
 withDefaults(
   defineProps<{
-    center?: Array<number>;
+    center?: PointExpression;
     markers: Array<Marker>;
     zoom?: number;
     height?: string;
diff --git a/databrowser/src/components/quickview/QuickViewMapView.vue b/databrowser/src/components/quickview/QuickViewMapView.vue
index c4d1e27b4..52f05ea97 100644
--- a/databrowser/src/components/quickview/QuickViewMapView.vue
+++ b/databrowser/src/components/quickview/QuickViewMapView.vue
@@ -5,25 +5,20 @@
     :sections="[]"
   >
     <template #content>
-      <MapBase
-        ref="mapComponent"
-        :key="map.center.length"
-        :center="map.center"
-        :markers="map.markers"
-      />
+      <MapBase :center="map.center" :markers="map.markers" />
     </template>
   </QuickViewCardOverview>
 </template>
 
 <script setup lang="ts">
-import { computed, defineProps, withDefaults, ref } from 'vue';
+import { computed, defineProps, withDefaults } from 'vue';
+import { PointExpression } from 'leaflet';
 import { useI18n } from 'vue-i18n';
 
 import QuickViewCardOverview from './QuickViewCardOverview.vue';
 import MapBase from '../../components/map/MapBase.vue';
 
 const { t } = useI18n();
-const mapComponent = ref();
 
 interface GpsInfo {
   Latitude: number;
@@ -42,7 +37,7 @@ const props = withDefaults(
 const map = computed(() => {
   if (!props.gpsInfo.length) {
     return {
-      center: [],
+      center: undefined,
       markers: [],
     };
   }
@@ -50,7 +45,7 @@ const map = computed(() => {
   const { Longitude, Latitude } = props.gpsInfo[0];
 
   const mapObj = {
-    center: [Latitude, Longitude],
+    center: [Latitude, Longitude] as PointExpression,
     markers: [
       {
         position: {