Hey everyone,

Our team's been building a web mapping app using Mapbox GL JS, where we overlay several custom styles (created in Mapbox Studio) on top of base layers like the Mapbox Satellite layer—think things like soil information layers, for example. We've cobbled together a temporary solution, but every time we need to modify these custom styles, it's incredibly time-consuming and tedious. I'm reaching out to see if any fellow developers have faced similar challenges!

We've already tackled a couple of key issues, but they come with their own tradeoffs:

• Single map can't load multiple styles directly: We worked around this by manually adding each layer from every custom style one by one. The downside? Any update to a Studio style means we have to manually sync the layer configurations in our code, which is a huge drain on time.
• Single map can't load multiple sprites: To fix this, we merged all SVGs from our different styles into a single sprite sheet. But now we're hitting a rough limit of around 500 icons in this combined sprite, and this is our biggest concern right now—adding more icons starts causing issues.

Has anyone found a more efficient way to manage multiple custom styles without having to manually sync layers? Or any workarounds for the sprite icon limit that don't involve constantly merging SVGs?

内容的提问来源于stack exchange，提问作者Santiago Noguera