mapbox / mapbox/mapbox-gl-js

Static Tiles of custom map styles have display issues

Open
#13,504 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

auto-triaged bug :lady_beetle:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

I created a new streets-v12 style map in Mapbox Studio without making any changes, but when I use Static Tiles, a lot of ✖️ appear after zooming in. I don’t know why. Demo address: https://jsfiddle.net/nme03p7y/

![Image](https://github.com/user-attachments/assets/7f366ada-4879-4def-909b-dd7f1cf44043)

But using streets-v12 directly does not have this problem. Demo: https://jsfiddle.net/s3hzbu2y/. I created a completely new map without making any changes.

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

Start by running the two linked JSFiddle demos and comparing the custom Mapbox Studio streets-v12 style with the direct streets-v12 style in Static Tiles. Trace the Static Tiles rendering path and determine why the custom style produces ✖️ after zooming; done means the custom style displays without those artifacts.

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
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.