Map navigation.

src/components/map/Map.tsx

@@ -29,9 +29,12 @@ const Map: Component = () => {
     setState(params);
     const map = getMap();
     const view = map?.getView();
-    view?.setCenter([+state().lon, +state().lat]);
-    view?.setRotation(+state().rotation);
-    view?.setZoom(+state().zoom);
+    view?.animate({
+      center: [+state().lon, +state().lat],
+      rotation: +state().rotation,
+      zoom: +state().zoom,
+      duration: 1000,
+    });
   });
   const navigate = useNavigate();
   let target: HTMLDivElement;
@@ -78,10 +81,6 @@ const Map: Component = () => {
     setMap(olMap);
   });
 
-  useBeforeLeave((event) => {
-    console.log({ caller: 'Map / useBeforeLeave', event });
-  });
-
   // @ts-ignore
   return <div class='ol-map' ref={target} />;
 };