Set custom overviewmap view in componentDidMount

qgis · Apr 22, 2024 · d9a841e · d9a841e
1 parent 652b98b
commit d9a841e
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/plugins/map/OverviewSupport.jsx b/plugins/map/OverviewSupport.jsx
@@ -48,22 +48,31 @@ class OverviewMap extends React.Component {
             ...props.options
         };
         delete opt.layer;
-        const overviewView = new ol.View({
-            projection: props.map.getView().getProjection(),
-            ...(opt.viewOptions || {})
-        });
-        opt.view = overviewView;
         delete opt.viewOptions;
 
         this.overview = new ol.control.OverviewMap(opt);
         this.overview.getOverviewMap().set('id', 'overview');
     }
+    componentDidUpdate(prevProps, prevState) {
+        if (this.props.projection !== prevProps.projection) {
+            const overviewView = new ol.View({
+                projection: this.props.projection,
+                ...(this.props.options.viewOptions || {})
+            });
+            this.overview.getOverviewMap().setView(overviewView);
+        }
+    }
     componentDidMount() {
         this.overviewContainer = document.createElement("div");
         this.overviewContainer.id = this.props.map.get('id') + "-overview";
         document.getElementById("PluginsContainer").appendChild(this.overviewContainer);
         this.overview.setTarget(this.props.map.get('id') + "-overview");
         this.props.map.addControl(this.overview);
+        const overviewView = new ol.View({
+            projection: this.props.projection,
+            ...(this.props.options.viewOptions || {})
+        });
+        this.overview.getOverviewMap().setView(overviewView);
     }
     componentWillUnmount = () => {
         document.getElementById("PluginsContainer").removeChild(this.overviewContainer);