fix: Update map with tables fixes

src/pages/Route/route-preview/TransformContext.tsx

@@ -26,9 +26,12 @@ const TransformContext = createContext<{
     rotationDegrees?: number,
     scale?: number
   ) => void;
+  setScaleOnly: (newScale: number) => void;
+  setScaleWithoutMovingCenter: (newScale: number) => void;
   setScreenCenter: React.Dispatch<
     React.SetStateAction<{ x: number; y: number } | undefined>
   >;
+  setScaleAtCenter: (newScale: number) => void;
 }>({
   position: { x: 0, y: 0 },
   scale: 1,
@@ -41,7 +44,10 @@ const TransformContext = createContext<{
   localToScreen: () => ({ x: 0, y: 0 }),
   rotateToAngle: () => {},
   setTransform: () => {},
+  setScaleOnly: () => {},
+  setScaleWithoutMovingCenter: () => {},
   setScreenCenter: () => {},
+  setScaleAtCenter: () => {},
 });
 
 // Provider component
@@ -136,8 +142,6 @@ export const TransformProvider = ({ children }: { children: ReactNode }) => {
         useScale !== undefined ? useScale / SCALE_FACTOR : scale;
       const center = screenCenter ?? { x: 0, y: 0 };
 
-      console.log("center", center.x, center.y);
-
       const newPosition = {
         x: -latitude * UP_SCALE * selectedScale,
         y: -longitude * UP_SCALE * selectedScale,
@@ -160,6 +164,37 @@ export const TransformProvider = ({ children }: { children: ReactNode }) => {
     [rotation, scale, screenCenter]
   );
 
+  const setScaleAtCenter = useCallback(
+    (newScale: number) => {
+      if (scale === newScale) return;
+
+      const center = screenCenter ?? { x: 0, y: 0 };
+
+      const actualZoomFactor = newScale / scale;
+
+      const newPosition = {
+        x: position.x + (center.x - position.x) * (1 - actualZoomFactor),
+        y: position.y + (center.y - position.y) * (1 - actualZoomFactor),
+      };
+
+      setPosition(newPosition);
+      setScale(newScale);
+    },
+    [position, scale, screenCenter]
+  );
+
+  const setScaleOnly = useCallback((newScale: number) => {
+    // Изменяем только масштаб, не трогая позицию и поворот
+    setScale(newScale);
+  }, []);
+
+  const setScaleWithoutMovingCenter = useCallback(
+    (newScale: number) => {
+      setScale(newScale);
+    },
+    [setScale]
+  );
+
   const value = useMemo(
     () => ({
       position,
@@ -173,17 +208,25 @@ export const TransformProvider = ({ children }: { children: ReactNode }) => {
       screenToLocal,
       localToScreen,
       setTransform,
+      setScaleOnly,
+      setScaleWithoutMovingCenter,
       setScreenCenter,
+      setScaleAtCenter,
     }),
     [
       position,
       scale,
       rotation,
       screenCenter,
+      setScale,
       rotateToAngle,
       screenToLocal,
       localToScreen,
       setTransform,
+      setScaleOnly,
+      setScaleWithoutMovingCenter,
+      setScreenCenter,
+      setScaleAtCenter,
     ]
   );