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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user