mapbox / mapbox/mapbox-gl-js

Streets not shown on certain zoom levels (but street names are shown)

Open
#13,228 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

environment-specific :desktop_computer:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

I'm loading Mapbox GL JS in a Chrome Extension that I'm building.
The loading succeeds and the map is loaded.
However, I noticed that at certain zoom levels, some streets/roads are not shown, but their names are.

Assuming that I might be some restrictions within the Chrome Extension, I went to the example docs page.
There, I was able to replicate the same issue.
The same issue is present in both Chrome and Firefox.

### Steps to reproduce
1. Visit the page at: https://docs.mapbox.com/mapbox-gl-js/example/simple-map/
2. Start zooming in to the city of Philadelphia.
3. First, it shows the street names.
4. Then, as you zoom in further, it starts showing the streets.

### Expected behavior
As soon as the street name is shown, the street should be displayed.

### Actual behavior
Street names are shown at higher zoom levels.
Then, as you zoom in, the streets are displayed.

### Demonstration
![mapbox](https://github.com/user-attachments/assets/c700f5a6-9ddd-4a78-acef-fa69d201bab3)

Mapbox GL JS v3.5.1
Browsers: Chrome v126.0.6478.126, Firefox v128.0
OS: Linux Manjaro

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the behavior on the linked Mapbox GL JS simple-map example by zooming into Philadelphia in Chrome or Firefox. Compare when street labels and road geometry appear, then trace the relevant rendering or layer-visibility behavior; done means streets appear at the same zoom level at which their names are shown.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.