Map: delete old viewbox rectangle before adding a new one

diff --git a/src/components/Map.svelte b/src/components/Map.svelte
index 37166f603ba9bda88ee93d79bfe84220898af293..7b1318713d7516946a5f438a896603464255eb24 100644 (file)
--- a/src/components/Map.svelte
+++ b/src/components/Map.svelte
@@ -127,13 +127,16 @@
     if (viewbox) {
       let coords = viewbox.split(','); // <x1>,<y1>,<x2>,<y2>
       let bounds = L.latLngBounds([coords[1], coords[0]], [coords[3], coords[2]]);
     if (viewbox) {
       let coords = viewbox.split(','); // <x1>,<y1>,<x2>,<y2>
       let bounds = L.latLngBounds([coords[1], coords[0]], [coords[3], coords[2]]);

-      L.rectangle(bounds, {
+      let viewbox_on_map = L.rectangle(bounds, {

         color: '#69d53e',
         weight: 3,
         dashArray: '5 5',
         opacity: 0.8,
         color: '#69d53e',
         weight: 3,
         dashArray: '5 5',
         opacity: 0.8,

-        fill: false
-      }).addTo(map);
+        fill: false,
+        interactive: false
+      });
+      map.addLayer(viewbox_on_map);
+      dataLayers.push(viewbox_on_map);

     }
 
     if (!aFeature) return;
     }
 
     if (!aFeature) return;