Refine map tile updates and enhance performance

- Updated tile freshness animation to reduce flicker and improve visual clarity.
- Modified MapView component to optimize layer visibility handling and ensure proper map resizing on fullscreen toggle.
- Increased tile buffer size in map initialization for better tile loading efficiency.
- Implemented logic to limit tile updates to only visible tiles, enhancing rendering performance during map updates.
This commit is contained in:
2026-03-01 17:40:43 +03:00
parent 49af08c13f
commit 8331473808
5 changed files with 48 additions and 21 deletions

View File

@@ -9,17 +9,15 @@
visibility: visible !important;
}
/* Brief highlight when a tile is updated via SSE (tile freshness indicator). */
/* Subtle highlight when a tile is updated via SSE (reduced intensity to limit flicker). */
@keyframes tile-fresh-glow {
0% {
filter: brightness(1.15);
box-shadow: 0 0 0 0 oklch(0.6 0.2 264 / 0.4);
opacity: 0.92;
}
100% {
filter: brightness(1);
box-shadow: none;
opacity: 1;
}
}
.leaflet-tile.tile-fresh {
animation: tile-fresh-glow 0.6s ease-out;
animation: tile-fresh-glow 0.4s ease-out;
}