fix(map): Load Atlases on map only at first mount

CartONG · Jan 15, 2025 · ca57e3e · ca57e3e
1 parent 255c681
commit ca57e3e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/vue/src/services/qgisMap/QgisMapMaplibreService.ts b/vue/src/services/qgisMap/QgisMapMaplibreService.ts
@@ -75,10 +75,10 @@ export class QgisMapMaplibreService {
       }
     })
 
-    // Otherwise the event will be triggered as much time as the layer has been added to the map
+    // Check if the layer has been already added to the map
+    // if not the event will be triggered as much time as the layer has been added to the map
     if (firstAdd) {
       map?.on('moveend', () => {
-        console.log('moveend')
         try {
           QgisMapMaplibreService.updateMapImageSourceCoordinates(
             map as maplibregl.Map,

diff --git a/vue/src/stores/myMapStore.ts b/vue/src/stores/myMapStore.ts
@@ -20,6 +20,7 @@ export const useMyMapStore = defineStore(StoresList.MY_MAP, () => {
   const projectLayer: Ref<Layer | null> = ref(null)
   const projectSubLayers: Ref<Layer[]> = ref([])
 
+  const atlasesAlreadyInitialized: Ref<boolean> = ref(false)
   const atlasThematicMaps: Ref<AtlasMap[]> = ref([])
   let alreadyAddedImageSources: string[] = [] //Used to avoid triggering maplibre event as much time as the layer has been added to the map
   function updateAtlasLayersVisibility(qgismapId: string) {
@@ -43,6 +44,7 @@ export const useMyMapStore = defineStore(StoresList.MY_MAP, () => {
     projectSubLayers,
     resourceLayer,
     resourceSubLayers,
+    atlasesAlreadyInitialized,
     atlasThematicMaps,
     updateAtlasLayersVisibility
   }

diff --git a/vue/src/views/map/components/Atlases/MyMapAtlas.vue b/vue/src/views/map/components/Atlases/MyMapAtlas.vue
@@ -76,7 +76,10 @@ const hideDetails = ref(true)
 const myMapStore = useMyMapStore()
 
 onMounted(() => {
-  myMapStore.atlasThematicMaps.push(...AtlasService.setAtlasLayers(props.atlas))
+  if (!myMapStore.atlasesAlreadyInitialized) {
+    myMapStore.atlasThematicMaps.push(...AtlasService.setAtlasLayers(props.atlas))
+    myMapStore.atlasesAlreadyInitialized = true
+  }
 })
 
 const updateThematicData = (qgismapId: string) => {