How do I prevent layers from rendering in 3d with Mapbox?

Question

Layers are being rendered in 3d, making them difficult to click, and look bad in general.

An example of the bad rendering - dots following a railroad path are rendered ~500ft in the air

As you can see in the image, the dots are rendered about 500 ft off the ground. I'm not aware of any configuration changes I made to enable this, and I can't figure out how to prevent it from happening, although it only seems to happen to some layers (as you can see in the screenshot)

I've tried reordering the layers in Mapbox Studio, but I don't know what else I would change, as this seems to happen regardless of any js changes.

What kind of layers are you creating? Where is the code? – jscastro Apr 04 '22 at 08:49 — jscastro, Apr 04 '22 at 08:49

score 0 · Accepted Answer · answered Apr 04 '22 at 23:55

It seems like this was an issue with react-map-gl not being able to render 3d styles correctly. Setting the map to "2d" in Mapbox Studio and using a raster source to generate the 3d terrain seems to have fixed the issue.

https://visgl.github.io/react-map-gl/examples/terrain

How do I prevent layers from rendering in 3d with Mapbox?

1 Answers1