Map navigation.

This commit is contained in:
Eric van der Vlist 2022-11-25 17:06:07 +01:00
parent 5ae068ae43
commit 9a5808741b
1 changed files with 6 additions and 7 deletions

View File

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