mapbox
Globe: Mapbox GL JS Marker Displacement Issue
Mapbox GL JS Marker Displacement Issue
Environment
- Mapbox GL JS Version: ^3.10.0
- Map Style: Globe projection
- Browser: Google Chrome Version 135.0.7049.85 (Official Build) (arm64)
Issue Description
When rendering markers on a map using Mapbox GL JS with globe projection enabled, there's a significant displacement/drift issue with marker positions. This problem specifically occurs:
- Only when the zoom level is between 5-6
- Affects all markers placed on the map
- The markers appear to be offset from their intended geographic positions
- Issue is consistent across different marker instances
Expected Behavior
Markers should maintain their correct geographic positions regardless of:
- Zoom level
- Map projection type
- Map interaction (panning/zooming)
Current Behavior
- Markers drift from their assigned coordinates
- Displacement is noticeable when zoom level is specifically between 5-6
- Position accuracy is compromised only in globe projection mode
Visual Reference
For a visual demonstration of the issue, please see this video: Marker Displacement Demo
Additional Notes
- Issue appears to be specific to globe projection
- Problem does not occur in other projection types
- Marker positioning works correctly at other zoom levels
Steps to Reproduce
- Initialize Mapbox GL JS map with globe projection
- Add markers to the map
- Set zoom level between 5-6
- Observe marker positions relative to their intended locations
We opened an internal ticket for this issue some time ago and I just noticed that we never reported it here. No estimation on when this will get fixed but know that it’s being tracked. Thanks for reporting!
Seems like a very old bug. Here are some duplicate issues: #12592 #13065 #12925
Very interested to see this fixed!
@Gerbuuun thanks for linking those! I'll get the duplicates closed so that it gets tracked in one place.
