fix: reset photo 5 min

src/components/AscGISMap.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { onUnmounted, ref } from 'vue'
 import { loadModules } from 'esri-loader'
 import axios from 'axios'
 import { useCounterMixin } from '@/stores/mixin'
@@ -22,6 +22,8 @@ function updateLocation(latitude: number, longitude: number, namePOI: string) {
 
 const poiPlaceName = ref<string>('') // ชื่อพื้นที่ใกล้เคียง
 
+const intervalId = ref<any | null>(null)
+
 // Replace ArcGIS api key
 const apiKey = ref<string>(
   'YLATgWuywoeRLHn6KImj5rg7UaP8bJoR9jiTldoCVBHlqFIebwMSA5wIXEmcYhwXwMHkmNISEYtUz3x0oiGIIx0bIXXnUwi0OzupoOEtDrQIsRPVtor7gaPpXEmH8TrNaMT3snf6zO_yujHLGzborg-L9aeAjTJn4ndL6f8qFmRzYcX93E2vyA-7XCufLYTRsdTE5Aq-9hnx1q9PmYVMqhAZpL7dWqn3JgO33fRXetk.'
@@ -222,7 +224,7 @@ const requestLocationPermission = () => {
   }
 
   navigator.geolocation.getCurrentPosition(
-    (position) => {
+    async (position) => {
       // Permission granted
       locationGranted.value = true
 
@@ -235,7 +237,12 @@ const requestLocationPermission = () => {
       }
 
       // Center map on user's location if map is initialized
-      initializeMap()
+      if (privacyStore.isAccepted) {
+        await initializeMap()
+        intervalId.value = setInterval(async () => {
+          await initializeMap()
+        }, 300000)
+      }
     },
     (error) => {
       // Permission denied
@@ -272,10 +279,10 @@ defineExpose({
   requestLocationPermission,
 })
 
-onMounted(async () => {
-  // เรียกแผนที่เฉพาะเมื่อยอมรับ privacy แล้ว
-  if (privacyStore.isAccepted) {
-    await initializeMap()
+onUnmounted(() => {
+  if (intervalId.value) {
+    clearInterval(intervalId.value)
+    intervalId.value = null
   }
 })
 </script>