Add padding to bounding box

2022-12-28 14:13:19 +11:00
parent 2c3b7893ef
commit c6540ddb20
1 changed files with 16 additions and 6 deletions
@@ -27,10 +27,20 @@ export const MapControlls = (): JSX.Element => {

      const bounds = bbox(line);

-      const center = map?.cameraForBounds([
-        [bounds[1], bounds[0]],
-        [bounds[3], bounds[2]]
-      ]);
+      const center = map?.cameraForBounds(
+        [
+          [bounds[1], bounds[0]],
+          [bounds[3], bounds[2]]
+        ],
+        {
+          padding: {
+            top: 10,
+            bottom: 10,
+            left: 10,
+            right: 10
+          }
+        }
+      );

      if (center) {
        map?.easeTo(center);
@@ -45,10 +55,10 @@ export const MapControlls = (): JSX.Element => {
      });
    }
  };
-  
+
  useEffect(() => {
    getBBox();
-  }, [])
+  }, []);

  return (
    <div className="absolute right-0 top-0 z-10 m-2 ">