Map navigation.
This commit is contained in:
parent
5ae068ae43
commit
9a5808741b
|
@ -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} />;
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue