eliott/mapcn
1
0
Fork 0
mirror of https://github.com/AnmolSaini16/mapcn synced 2026-04-25 16:14:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update: map theme rerender fix

Browse Source
This commit is contained in:
Anmoldeep Singh
2026-01-04 20:32:47 +05:30
parent 7ebe7ed644
commit b8dacc53f7
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/maps/map.json
View File

File diff suppressed because one or more lines are too long

9
src/registry/map.tsx
View File

@@ -74,6 +74,7 @@ const Map = forwardRef<MapRef, MapProps>(function Map(
const [isLoaded, setIsLoaded] = useState(false);
const [isStyleLoaded, setIsStyleLoaded] = useState(false);
const { resolvedTheme } = useTheme();
const prevThemeRef = useRef<string | undefined>(undefined);
const mapStyles = useMemo(
() => ({
@@ -106,6 +107,8 @@ const Map = forwardRef<MapRef, MapProps>(function Map(
mapInstance.on("load", loadHandler);
mapInstance.on("styledata", styleDataHandler);
prevThemeRef.current = resolvedTheme;
setMapInstance(mapInstance);
return () => {
@@ -121,8 +124,11 @@ const Map = forwardRef<MapRef, MapProps>(function Map(
useEffect(() => {
if (!mapInstance) return;
if (prevThemeRef.current === resolvedTheme) return;
prevThemeRef.current = resolvedTheme;
setIsStyleLoaded(false);
mapInstance.setStyle(
resolvedTheme === "dark" ? mapStyles.dark : mapStyles.light,
{ diff: true }
@@ -926,8 +932,7 @@ function MapRoute({
useEffect(() => {
if (!isLoaded || !map || !interactive) return;
const handleClick = (e: MapLibreGL.MapMouseEvent) => {
e.originalEvent.stopImmediatePropagation();
const handleClick = () => {
onClick?.();
};
const handleMouseEnter = () => {