DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

chore(ts): improuve some types

Browse source
This commit is contained in:
Paul Chavard 2024-04-26 19:54:37 +02:00
parent dfc1563cfd
commit dd81baabe2
4 changed files with 53 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/components/shared/maplibre/hooks.ts
View file

@ -9,7 +9,8 @@ import type {
LngLatBoundsLike,
LngLat,
MapLayerEventType,
Style
Style,
LngLatLike
} from 'maplibre-gl';
import type { Feature, Geometry } from 'geojson';
@ -39,17 +40,20 @@ export function useFitBoundsNoFly() {
export function useFlyTo() {
const map = useMapLibre();
return useCallback(
(zoom: number, center: [number, number]) => {
(zoom: number, center: LngLatLike) => {
map.flyTo({ zoom, center });
},
[map]
);
}
export function useEvent(eventName: string, callback: EventListener) {
export function useEvent<T>(
eventName: string,
callback: (event: CustomEvent<T>) => void
) {
return useEffect(() => {
addEventListener(eventName, callback);
return () => removeEventListener(eventName, callback);
addEventListener(eventName, callback as EventListener);
return () => removeEventListener(eventName, callback as EventListener);
}, [eventName, callback]);
}