refac(map): Update map fit on location bbox rather than generic zoom …

…level
activist-org · Sep 9, 2024 · d0c7366 · d0c7366
1 parent 30d5b0c
commit d0c7366
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/frontend/components/media/MediaMap.vue b/frontend/components/media/MediaMap.vue
@@ -217,12 +217,27 @@ onMounted(() => {
               },
             ],
           },
-          center: [parseFloat(location["lon"]), parseFloat(location["lat"])],
-          zoom: 15,
           pitch: 20,
           maxZoom: 19,
         });
 
+        map.fitBounds(
+          [
+            [
+              parseFloat(location["boundingbox"][2]),
+              parseFloat(location["boundingbox"][0]),
+            ],
+            [
+              parseFloat(location["boundingbox"][3]),
+              parseFloat(location["boundingbox"][1]),
+            ],
+          ],
+          {
+            duration: 6000,
+            padding: 100,
+          }
+        );
+
         // MARK: Basic Controls
 
         map.addControl(