fixed mapbox zoom for single waypoint

Expensify · Dec 18, 2023 · cc8c5ed · cc8c5ed
1 parent c96a209
commit cc8c5ed
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/CONST.ts b/src/CONST.ts
@@ -2931,6 +2931,7 @@ const CONST = {
     MAPBOX: {
         PADDING: 50,
         DEFAULT_ZOOM: 10,
+        SINGLE_MARKER_ZOOM: 15,
         DEFAULT_COORDINATE: [-122.4021, 37.7911],
         STYLE_URL: 'mapbox://styles/expensify/cllcoiqds00cs01r80kp34tmq',
     },

diff --git a/src/components/MapView/MapView.tsx b/src/components/MapView/MapView.tsx
@@ -98,7 +98,7 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
 
                 if (waypoints.length === 1) {
                     cameraRef.current?.setCamera({
-                        zoomLevel: 15,
+                        zoomLevel: CONST.MAPBOX.SINGLE_MARKER_ZOOM,
                         animationDuration: 1500,
                         centerCoordinate: waypoints[0].coordinate,
                     });

diff --git a/src/components/MapView/MapView.website.tsx b/src/components/MapView/MapView.website.tsx
@@ -109,7 +109,7 @@ const MapView = forwardRef<MapViewHandle, ComponentProps>(
             if (waypoints.length === 1) {
                 mapRef.flyTo({
                     center: waypoints[0].coordinate,
-                    zoom: CONST.MAPBOX.DEFAULT_ZOOM,
+                    zoom: CONST.MAPBOX.SINGLE_MARKER_ZOOM,
                 });
                 return;
             }