@eeacms/volto-arcgis-block 0.1.310 → 0.1.311

package/CHANGELOG.md

@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.311](https://github.com/eea/volto-arcgis-block/compare/0.1.310...0.1.311) - 22 October 2024
+
 ### [0.1.310](https://github.com/eea/volto-arcgis-block/compare/0.1.309...0.1.310) - 21 October 2024
 
 ### [0.1.309](https://github.com/eea/volto-arcgis-block/compare/0.1.308...0.1.309) - 18 October 2024

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.310",
+  "version": "0.1.311",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/UseCasesMapViewer/LegendWidget.jsx

@@ -94,7 +94,7 @@ class LegendWidget extends React.Component {
    */
   async componentDidMount() {
     await this.loader();
-    if (!this.container.current) return;
+    //if (!this.container.current) return;
     this.view.when(() => {
       this.view.ui.add(this.container.current, 'top-right');
       this.LegendWidget = new Legend({

package/src/components/UseCasesMapViewer/UseCasesMapViewer.jsx

@@ -117,7 +117,7 @@ class UseCasesMapViewer extends React.Component {
       basemap: this.basemap,
     });
 
-    if (!this.mapdiv.current) return;
+    //if (!this.mapdiv.current) return;
     this.view = new MapView({
       container: this.mapdiv.current,
       map: this.map,
@@ -128,71 +128,71 @@ class UseCasesMapViewer extends React.Component {
       },
     });
 
-    this.view.when(() => {
-      this.view.ui.add(this.zoom, {
-        position: 'top-right',
-      });
-
-      layerControl = new LayerControl({
-        map: this.map,
-        view: this.view,
-        mapViewer: this,
-        worldDimensions: this.mapCfg.worldDimensions,
-        maxZoom: this.mapCfg.maxZoom,
-        FeatureLayer: FeatureLayer,
-        Extent: Extent,
-      });
+    // this.view.when(() => {
+    this.view.ui.add(this.zoom, {
+      position: 'top-right',
+    });
 
-      layerSpatial = layerControl.createLayer({
-        id: this.spatialConfig.id,
-        url: this.spatialConfig.url,
-        legend: this.spatialConfig.showLegend,
-      });
+    layerControl = new LayerControl({
+      map: this.map,
+      view: this.view,
+      mapViewer: this,
+      worldDimensions: this.mapCfg.worldDimensions,
+      maxZoom: this.mapCfg.maxZoom,
+      FeatureLayer: FeatureLayer,
+      Extent: Extent,
+    });
 
-      layerSpatial.renderer = this.spatialConfig.render;
+    layerSpatial = layerControl.createLayer({
+      id: this.spatialConfig.id,
+      url: this.spatialConfig.url,
+      legend: this.spatialConfig.showLegend,
+    });
 
-      let layerRegion = layerControl.createLayer({
-        id: this.regionConfig.id,
-        url: this.regionConfig.url,
-        legend: this.regionConfig.showLegend,
-      });
+    layerSpatial.renderer = this.spatialConfig.render;
 
-      layerHighlight = layerControl.createLayer({
-        id: this.HighlightConfig.id,
-        url: this.HighlightConfig.url,
-        legend: this.HighlightConfig.showLegend,
-      });
+    let layerRegion = layerControl.createLayer({
+      id: this.regionConfig.id,
+      url: this.regionConfig.url,
+      legend: this.regionConfig.showLegend,
+    });
 
-      layerRegion.renderer = this.regionConfig.render;
-      layerRegion.labelingInfo = [this.regionConfig.label];
-      layerHighlight.renderer = this.HighlightConfig.render;
+    layerHighlight = layerControl.createLayer({
+      id: this.HighlightConfig.id,
+      url: this.HighlightConfig.url,
+      legend: this.HighlightConfig.showLegend,
+    });
 
-      layerControl.addLayer(layerHighlight);
-      layerControl.addLayer(layerRegion);
-      layerControl.addLayer(layerSpatial);
+    layerRegion.renderer = this.regionConfig.render;
+    layerRegion.labelingInfo = [this.regionConfig.label];
+    layerHighlight.renderer = this.HighlightConfig.render;
 
-      layerControl.hideLayer(layerHighlight.id);
-      layerControl.hideLayer(layerSpatial.id);
+    layerControl.addLayer(layerHighlight);
+    layerControl.addLayer(layerRegion);
+    layerControl.addLayer(layerSpatial);
 
-      navigationControl = new NavigationControl({
-        map: this.map,
-        view: this.view,
-        center: this.mapCfg.center,
-        layerControl: layerControl,
-        mapViewer: this,
-        layerRegion: layerRegion,
-        layerSpatial: layerSpatial,
-        layerHighlight: layerHighlight,
-      });
+    layerControl.hideLayer(layerHighlight.id);
+    layerControl.hideLayer(layerSpatial.id);
 
-      this.setMapFunctions(
-        this.view,
-        layerControl,
-        navigationControl,
-        layerSpatial,
-      );
+    navigationControl = new NavigationControl({
+      map: this.map,
+      view: this.view,
+      center: this.mapCfg.center,
+      layerControl: layerControl,
+      mapViewer: this,
+      layerRegion: layerRegion,
+      layerSpatial: layerSpatial,
+      layerHighlight: layerHighlight,
     });
 
+    this.setMapFunctions(
+      this.view,
+      layerControl,
+      navigationControl,
+      layerSpatial,
+    );
+    // });
+
     //Once we have created the MapView, we need to ensure that the map div
     //is refreshed in order to show the map on it. To do so, we need to
     //trigger the renderization again, and to trigger the renderization