Complex geometry with holes is displayed wrong (with extra polygons) on some zoom layers

[mathildor]

Related issue:

This issue seems to similar to a previous reported and solved issue.

mapbox-gl-js version:
v2.2.0

browser:
edge, chrome (probably browser independent)

Steps to Trigger Behavior

When adding some complex geometries (see fiddle) to the map, the layer is displayed with an extra polygon on some zoom layers.

Correct display:

Zooming in a bit ruins the layer rendering because an extra polygon is displayed.

Link to Demonstration

jsfiddle

Expected Behavior

Added layer is displayed similarly on all zoom levels

Actual Behavior

Layer changes dependent on zoom level

[mourner]

Yeah, this might be either #7023 or another triangulation issue (similar to #9180) — will need investigation to determine which. The second would be easier to address.

[mathildor]

Any progress on this issue?

Here is another example of a polygon that renders differently on different zoom levels.
https://jsfiddle.net/simhas/9fudk4ce/1/

[WendyCarpenter]

I think my problem falls within the parameters of this topic. The geojson renders correctly in Mapbox js, but not Mapbox GL, as you can see. Can someone suggest a way to correct this issue?

I'm using https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js

[WebHero0544]

@mourner Hello, I do not know if this problem has been solved, I also encountered the same problem in the development project, I really hope it can be solved as soon as possible

[mourner]

Closing as a duplicate of #7023.