fix: document.addEventListener visibilitychange window.addEventListener pagehide

src/components/AscGISMap.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onUnmounted, ref } from 'vue'
+import { ref } from 'vue'
 import { loadModules } from 'esri-loader'
 import axios from 'axios'
 import { useCounterMixin } from '@/stores/mixin'
@@ -22,8 +22,6 @@ 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.'
@@ -239,9 +237,6 @@ const requestLocationPermission = () => {
       // Center map on user's location if map is initialized
       if (privacyStore.isAccepted) {
         await initializeMap()
-        intervalId.value = setInterval(async () => {
-          await initializeMap()
-        }, 300000)
       }
     },
     (error) => {
@@ -278,13 +273,6 @@ const requestLocationPermission = () => {
 defineExpose({
   requestLocationPermission,
 })
-
-onUnmounted(() => {
-  if (intervalId.value) {
-    clearInterval(intervalId.value)
-    intervalId.value = null
-  }
-})
 </script>
 
 <template>