fix: map layer update error

frontend/src/components/MapComponent.vue

@@ -152,28 +152,31 @@ export default {
         };
 
         const updateSamplesLayer = () => {
-            map.value.removeLayer('samples-layer');
+            if (map.value.getLayer('samples-layer')){
-
+                map.value.removeLayer('samples-layer');
-            map.value.addLayer({
+            }
-                    'id': 'samples-layer',
+            
-                    'source': 'samples',
+            if(props.idlist.length){
-                    'source-layer': 'public.geodata',
+                map.value.addLayer({
-                    'type': 'circle',
+                        'id': 'samples-layer',
-                    'paint': {
+                        'source': 'samples',
-                        'circle-stroke-width': 1,
+                        'source-layer': 'public.geodata',
-                        'circle-stroke-color': '#FFFFFF',
+                        'type': 'circle',
-                        'circle-color': [
+                        'paint': {
-                            'case',
+                            'circle-stroke-width': 1,
-                            ['boolean', ['feature-state', 'beenClicked'], false],
+                            'circle-stroke-color': '#FFFFFF',
-                            '#ffff00',
+                            'circle-color': [
-                            '#1a9641'
+                                'case',
-                        ],
+                                ['boolean', ['feature-state', 'beenClicked'], false],
-                        'circle-opacity': 0.8,
+                                '#ffff00',
-                        'circle-radius': 16
+                                '#1a9641'
-                    },
+                            ],
-                    filter: ["match", ["get", "internal_id"], props.idlist, true, false]
+                            'circle-opacity': 0.8,
-                });
+                            'circle-radius': 16
-
+                        },
+                        filter: ["match", ["get", "internal_id"], props.idlist, true, false]
+                    });
+            }
         };
 
         onMounted(() => {