How to bring the route name above the LineLayer?

[mnismt]

Hi, thanks for the great work!

I’m using the LineLayer to draw some lines with the Directions API from Mapbox. The problem is that the route name of the map style is always below the LineLayer (you can see the image below):

I want to display the line above the road but below the road name of the current map style. Is that possible?

Thanks for helping!

[mfazekas]

@mnismt I think in studio you should be able to get the layerid of the road names and then you can use belowLayerID on your LineLayer

[mnismt]

It works! Thanks a lot. The route name layer usually is road-label-navigation in most styles for anyone who is looking for it.

<Mapbox.LineLayer
  id={`${id}-base-line`}
  belowLayerID="road-label-navigation"
  style={{
    ...lineStyles,
    ...style,
  }}
/>
</Mapbox.ShapeSource>