search

maplibre / maplibre-gl-js

MapLibre GL JS - Interactive vector tile maps in the browser
https://maplibre.org/maplibre-gl-js/docs/
Other
6.75k stars 727 forks source link

Text position in cluster map lags behind cluster transition on MapLibre GL JS #4474

Open m345054 opened 4 months ago

m345054 commented 4 months ago

maplibre-gl-js version: 4.5.0

browser: Chrome, Firefox

Steps to Trigger Behavior Open the cluster example on MapLibre: Cluster Map Example Zoom in and out on a cluster. Observe the text animation lag.

Link to Demonstration A minimal demonstration can be seen directly on the official MapLibre example page for clustering: Cluster Map Example

Expected Behavior The text within the clusters should update smoothly and in sync with the map zoom level without any noticeable delay.

Actual Behavior When zooming in and out on a cluster, there is a noticeable delay where the text animation lags behind. Adjusting the transition duration settings as per the MapLibre style specification does not resolve the issue.

147140947-70b3672a-3eb6-44d8-ba6c-73188d36262d 147140661-fd6c15e4-0c7e-47a9-a708-ff315ae8f41c
HarelM commented 4 months ago

The circle transition and the text transition seems to have different duration, what did you try that didn't work in terms of changing the transition duration?