mapbox / mapbox/mapbox-gl-js

Rendering artifacts around style sheet zoom limits + terrain

Open
#11,789 5 comments 0 reactions 1 assignee Claimed by @ansis View on GitHub
3d :triangular_ruler: bug :lady_beetle:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

After adding terrain to the map, a tile rendering issue is present when at the minzoom style boundary with another styled source rendering behind it.

Something like this:
- Add terrain source
- Add terrain
- Add streets stylesheet
- Add another layer with minzoom of 4
- Set map to zoom level 4

It seems some tiles render, while some don't. The rendering artifacts change as the camera is panned around.

If terrain isn't added, rendering bug is absent.

_Example:_

https://user-images.githubusercontent.com/103519761/164488718-3e022ede-a1f9-42f1-ab7a-82fbfe2a32b4.mov

**mapbox-gl-js version**: v2.8.1

**browser**: Chrome

### Steps to Trigger Behavior

1. Serve map from gist link below
2. Rendering issue should present on map load and change depending on panning

### Link to Demonstration

Gist example: https://gist.github.com/matteiben-onx/7db4f26faa03d308f6a43b79e68d613d

### Expected Behavior

In this particular case, I would expect the layer with the minzoom to render. [According to the spec](https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#minzoom), minzoom is inclusive.

> At zoom levels less than the minzoom, the layer will be hidden.

### Actual Behavior

Some tiles render, some don't.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.