feat/AB#80878_limit-zoom-of-map-widgets-for-the-given-geographic-context-in-the-page feat: add regions coordinates feat: add automatic center for region context

Author: unai-reliefapp

apps/back-office/src/app/dashboard/pages/dashboard/dashboard.component.ts

@@ -406,46 +406,52 @@ export class DashboardComponent
           };
           if (this.dashboard.page?.geographicContext?.enabled) {
             if (this.dashboard.page.geographicContext.country) {
-              const countryCoordinates = this.geographicContextCountries.find(
-                (country) =>
-                  country.code ===
-                  this.dashboard?.page?.geographicContext?.country
-              );
-              if (countryCoordinates) {
-                // Map all map widgets to have as initial state in their coords the selected country
-                this.dashboard.structure = this.dashboard.structure.map(
-                  (widget: any) => {
-                    if (widget.id === 'map') {
-                      // Update initial state with the country coordinates if no initial state is set on top of it
-                      // Increase the zoom to have a clear target of the selected country in the map
-                      if (widget.settings.initialState.viewpoint.zoom === 2) {
-                        widget.settings.initialState.viewpoint.zoom = 4;
-                      }
-                      if (
-                        !widget.settings.initialState.viewpoint.center.longitude
-                      ) {
-                        widget.settings.initialState.viewpoint.center.longitude =
-                          countryCoordinates.centerlongitude;
-                      }
-                      if (
-                        !widget.settings.initialState.viewpoint.center.latitude
-                      ) {
-                        widget.settings.initialState.viewpoint.center.latitude =
-                          countryCoordinates.centerlatitude;
-                      }
-                    }
-                    return widget;
-                  }
-                );
-              }
               this.countryCode.setValue(
                 this.dashboard.page?.geographicContext?.country
               );
-            } else {
+            } else if (this.dashboard.page.geographicContext.region) {
               this.regionCode.setValue(
                 this.dashboard.page?.geographicContext?.region
               );
             }
+            // Get related geographic context coordinates
+            const geographicContextCoordinates = this.dashboard.page
+              .geographicContext.country
+              ? this.geographicContextCountries.find(
+                  (country) =>
+                    country.code ===
+                    this.dashboard?.page?.geographicContext?.country
+                )
+              : this.dashboard.page.geographicContext.region
+              ? this.geographicContextRegions.find(
+                  (region) =>
+                    region.code ===
+                    this.dashboard?.page?.geographicContext?.region
+                )
+              : null;
+            if (geographicContextCoordinates) {
+              // Map all map widgets to have as initial state in their coords the selected geographic context
+              this.dashboard.structure = this.dashboard.structure.map(
+                (widget: any) => {
+                  if (widget.id === 'map') {
+                    // Update initial state with the geographic context coordinates if no initial state is set on top of it
+                    if (
+                      !widget.settings.initialState.viewpoint.center.longitude
+                    ) {
+                      widget.settings.initialState.viewpoint.center.longitude =
+                        geographicContextCoordinates.centerlongitude;
+                    }
+                    if (
+                      !widget.settings.initialState.viewpoint.center.latitude
+                    ) {
+                      widget.settings.initialState.viewpoint.center.latitude =
+                        geographicContextCoordinates.centerlatitude;
+                    }
+                  }
+                  return widget;
+                }
+              );
+            }
           }
           this.initContext();
           this.updateContextOptions();

assets/geographic-context-data.json

@@ -2,31 +2,45 @@
   "regions": [
     {
       "code": "AF",
-      "name": "AFRO"
+      "name": "AFRO",
+      "centerlatitude": "10.833305983642491",
+      "centerlongitude": "17.226562500000004"
     },
     {
       "code": "AM",
-      "name": "AMRO"
+      "name": "AMRO",
+      "centerlatitude": "3.162455530237848",
+      "centerlongitude": "-68.20312500000001"
     },
     {
       "code": "EM",
-      "name": "EMRO"
+      "name": "EMRO",
+      "centerlatitude": "22.268764039073968",
+      "centerlongitude": "38.3203125"
     },
     {
       "code": "EU",
-      "name": "EURO"
+      "name": "EURO",
+      "centerlatitude": "58.81374171570782",
+      "centerlongitude": "67.500000000000011"
     },
     {
       "code": "SE",
-      "name": "SEARO"
+      "name": "SEARO",
+      "centerlatitude": "31.653381399664",
+      "centerlongitude": "68.55468750000001"
     },
     {
       "code": "WP",
-      "name": "WPRO"
+      "name": "WPRO",
+      "centerlatitude": "11.178401873711785",
+      "centerlongitude": "68.90625000000001"
     },
     {
       "code": "HQ",
-      "name": "HQ"
+      "name": "HQ",
+      "centerlatitude": "44.08758502824518",
+      "centerlongitude": "4.570312500000001"
     }
   ],
   "countries": [