Mapbox Studio feature Z-ordering

Question

I would like to order "circle" features in a layer in Mapbox studio. The entire Style, including this layer and other layers, is added to a map using GL.JS, and symbology for the layers are set in studio.

I see the documentation for circle-sort-key for gl-js style specification, but don't see where to set it along side the other properties (raduis, color, opacity, etc) for the layer style in studio.

score 2 · Answer 1 · answered Jun 22 '22 at 04:46

2

Yes, it appears you can't set it within Studio.

However, you can set it using JS if you want:

map.setLayoutProperty('mylayer', 'circle-sort-key', ...)

answered Jun 22 '22 at 04:46

Steve Bennett

114,604
39
168
219

What a shame that you can't set this within Mapbox Studio. I am worried that doing it on the client side will affect performance for my users. Thanks Steve – Worm Oct 28 '22 at 14:18
I can't see why that would be the case. – Steve Bennett Oct 31 '22 at 06:16

score 0 · Accepted Answer · answered Jun 24 '22 at 06:32

Since the documentation doesn't give a detailed example, I'm adding my final solution here. Following @steve-bennett's suggestion, to sort the smallest circles on top:

map.setLayoutProperty('layername','circle-sort-key',["*", -1, ["get", "propertyname"]])

Mapbox Studio feature Z-ordering

2 Answers2