fix update map in fast browsing features

src/views/Feature/FeatureDetail.vue

@@ -470,53 +470,55 @@ export default {
         this.$store.state.configuration.DEFAULT_MAP_VIEW.center;
       var mapDefaultViewZoom =
         this.$store.state.configuration.DEFAULT_MAP_VIEW.zoom;
-      this.map = mapService.createMap(this.$refs.map, {
-        mapDefaultViewCenter,
-        mapDefaultViewZoom,
-        maxZoom: this.project.map_max_zoom_level,
-        interactions : {
-          doubleClickZoom :false,
-          mouseWheelZoom: true,
-          dragPan: true
-        },
-        fullScreenControl: true
-      });
+      if (this.map) {
+        mapService.removeFeatures();
+      } else {
+        this.map = mapService.createMap(this.$refs.map, {
+          mapDefaultViewCenter,
+          mapDefaultViewZoom,
+          maxZoom: this.project.map_max_zoom_level,
+          interactions : {
+            doubleClickZoom :false,
+            mouseWheelZoom: true,
+            dragPan: true
+          },
+          fullScreenControl: true
+        });
 
-      // Update link to feature list with map zoom and center
-      mapService.addMapEventListener('moveend', function () {
-        // update link to feature list with map zoom and center
-        /*var $featureListLink = $("#feature-list-link")
-        var baseUrl = $featureListLink.attr("href").split("?")[0]
+        // Update link to feature list with map zoom and center
+        mapService.addMapEventListener('moveend', function () {
+          // update link to feature list with map zoom and center
+          /*var $featureListLink = $("#feature-list-link")
+          var baseUrl = $featureListLink.attr("href").split("?")[0]
 
-        $featureListLink.attr("href", baseUrl +`?zoom=${this.map.getZoom()}&lat=${this.map.getCenter().lat}&lng=${this.map.getCenter().lng}`)*/
-      });
+          $featureListLink.attr("href", baseUrl +`?zoom=${this.map.getZoom()}&lat=${this.map.getCenter().lat}&lng=${this.map.getCenter().lng}`)*/
+        });
 
-      // Load the layers.
-      // - if one basemap exists, we load the layers of the first one
-      // - if not, load the default map and service options
-      let layersToLoad = null;
-      const baseMaps = this.basemaps;
-      var layers = this.$store.state.map.availableLayers;
-      if (baseMaps && baseMaps.length > 0) {
-        const basemapIndex = 0;
-        layersToLoad = baseMaps[basemapIndex].layers;
-        layersToLoad.forEach((layerToLoad) => {
-          layers.forEach((layer) => {
-            if (layer.id === layerToLoad.id) {
-              layerToLoad = Object.assign(layerToLoad, layer);
-            }
+        // Load the layers.
+        // - if one basemap exists, we load the layers of the first one
+        // - if not, load the default map and service options
+        let layersToLoad = null;
+        const baseMaps = this.basemaps;
+        var layers = this.$store.state.map.availableLayers;
+        if (baseMaps && baseMaps.length > 0) {
+          const basemapIndex = 0;
+          layersToLoad = baseMaps[basemapIndex].layers;
+          layersToLoad.forEach((layerToLoad) => {
+            layers.forEach((layer) => {
+              if (layer.id === layerToLoad.id) {
+                layerToLoad = Object.assign(layerToLoad, layer);
+              }
+            });
           });
-        });
-        layersToLoad.reverse();
+          layersToLoad.reverse();
+        }
+        mapService.addLayers(
+          layersToLoad,
+          this.$store.state.configuration.DEFAULT_BASE_MAP_SERVICE,
+          this.$store.state.configuration.DEFAULT_BASE_MAP_OPTIONS,
+          this.$store.state.configuration.DEFAULT_BASE_MAP_SCHEMA_TYPE,
+        );
       }
-      mapService.addLayers(
-        layersToLoad,
-        this.$store.state.configuration.DEFAULT_BASE_MAP_SERVICE,
-        this.$store.state.configuration.DEFAULT_BASE_MAP_OPTIONS,
-        this.$store.state.configuration.DEFAULT_BASE_MAP_SCHEMA_TYPE,
-      );
-
-
       this.addFeatureToMap();
     },