I'm trying to create an app that contains a small map that should always work without internet connection for four different zoom levels.
To do this I know that I have to generate map tiles in png (or similar) to be used later on by Leaflet (or OpenLayers/Mapbox GL JS). This is no issue, because using Maperitive I can generate map tiles with given bounds and min and max zoom levels.
My problem is that I need to use a different style for roads, buildings, etc. To edit this style I used Mapbox Studio online editor and generated a JSON file with my custom styles.
What I need to do is apply this style before generating the resulting tiles, but I don't know how to do this.
Below there's a diagram for what I'm thinking about.