gnezim
0a5ab058a6
- Angular 12 application with PrimeNG components - 5 existing Cypress e2e test suites - SCSS styling with BEM naming convention - i18n support (10 languages) - Leaflet map integration - Complete component hierarchy and routing structure This baseline will be used for Angular → React migration.
35 lines
848 B
JavaScript
35 lines
848 B
JavaScript
import { useLeafletContext } from '@react-leaflet/core';
|
|
import { useEffect } from 'react';
|
|
export function useMap() {
|
|
return useLeafletContext().map;
|
|
}
|
|
export function useMapEvent(type, handler) {
|
|
const map = useMap();
|
|
useEffect(function addMapEventHandler() {
|
|
// @ts-ignore event type
|
|
map.on(type, handler);
|
|
return function removeMapEventHandler() {
|
|
// @ts-ignore event type
|
|
map.off(type, handler);
|
|
};
|
|
}, [
|
|
map,
|
|
type,
|
|
handler
|
|
]);
|
|
return map;
|
|
}
|
|
export function useMapEvents(handlers) {
|
|
const map = useMap();
|
|
useEffect(function addMapEventHandlers() {
|
|
map.on(handlers);
|
|
return function removeMapEventHandlers() {
|
|
map.off(handlers);
|
|
};
|
|
}, [
|
|
map,
|
|
handlers
|
|
]);
|
|
return map;
|
|
}
|