fix: fixed PointExpression type definition

noi-techpark · Apr 4, 2023 · a0bcc6a · a0bcc6a
1 parent 2a9af77
commit a0bcc6a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git 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
@@ -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,15 +37,15 @@ const props = withDefaults(
 const map = computed(() => {
   if (!props.gpsInfo.length) {
     return {
-      center: [],
+      center: undefined,
       markers: [],
     };
   }
 
   const { Longitude, Latitude } = props.gpsInfo[0];
 
   const mapObj = {
-    center: [Latitude, Longitude],
+    center: [Latitude, Longitude] as PointExpression,
     markers: [
       {
         position: {