mapbox / mapbox/mapbox-gl-js

Layer of Symbols disappears or renders behind 3D Terrain when Map style is changed with Globe projection type.

Open
#12,483 7 comments 3 reactions 0 assignees View on GitHub
bug :lady_beetle: needs investigation :mag:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

**mapbox-gl-js version**: 2.11.1 and 2.12.0-beta.1

**browser**: Google Chropme [Version 108.0.5359.125 (Official Build) (64-bit)]

### Steps to Trigger Behavior

1. I created [CodeSandbox demo](https://codesandbox.io/s/react-map-gl-3d-terrain-with-locations-as-layer-symbols-changing-map-style-introduces-problems-x1dmld).
2. Click on the _Speed Dial_ in the bottom-right corner, and click the top icon _"Change Map Style"_ with the layers icon.
3. The layer of symbols appears to sometimes render below the 3D Terrain, and sometimes it will just disappear entirely.
4. This appears to only happen when I have the projection type set to _"globe"_.

### Link to Demonstration

[CodeSandbox Demo](https://codesandbox.io/s/react-map-gl-3d-terrain-with-locations-as-layer-symbols-changing-map-style-introduces-problems-x1dmld)

### Expected Behavior

I would expect the Layer of Symbols to render on top of the 3D Terrain.

### Actual Behavior

The Layer of Symbols actually sometimes renders behind the 3D Terrain, or sometimes doesn't display at all.

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox demo and reproduce the behavior using the reported Mapbox GL JS versions, switching styles with globe projection, 3D terrain, and symbol layers enabled. Done means the symbols consistently render above the 3D terrain after the map style changes and do not disappear.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, typescript
Domain
computer-graphics, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.