mapbox / mapbox/mapbox-gl-js

`symbol-z-elevate` does not work when `text-pitch-alignment` is `map`

Open
#13,212 2 comments 0 reactions 0 assignees View on GitHub
feature :green_apple:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

**mapbox-gl-js version**: 5.3.0-beta.1

**browser**: Chrome

### Steps to Trigger Behavior

1. Add a `fill-extrusion` layer
2. Add a `symbol` layer on top
3. Set `symbol-z-elevate` to `true` on the `symbol` layer
4. Set `text-pitch-alignment` to `map` on the `symbol` layer
5. Observe symbols stay clamped to the ground even when on top of fill extrusions.

image

### Link to Demonstration

I'll provide a demonstration if needed for reproduction.

### Expected Behavior

Symbols are draped onto the top side of fill extrusions.

### Actual Behavior

Symbols are draped onto the map's ground level.

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in mapbox-gl-js with a fill-extrusion layer and a symbol layer using symbol-z-elevate and text-pitch-alignment set to map. Start by tracing the symbol elevation and placement behavior for these layer settings, then verify that symbols are draped onto the top of fill extrusions rather than the ground level.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.