2015-12-15 13:12:51 +00:00
|
|
|
---
|
|
|
|
|
layout: page
|
|
|
|
|
title: Create a new Style with new Mapbox Studio
|
|
|
|
|
published: true
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# Create a new Style with new Mapbox Studio
|
|
|
|
|
|
2015-12-17 13:32:28 +00:00
|
|
|
Mapbox Studio is the new map design platform by Mapbox.
|
2015-12-15 13:12:51 +00:00
|
|
|
Mapbox provides [great resources for getting started](https://www.mapbox.com/help/getting-started-mapbox-studio-1/) how to design your own maps.
|
|
|
|
|
This tutorial will show you how to customize the OSM Bright style for Mapbox GL.
|
|
|
|
|
|
|
|
|
|
Visit [the Mapbox Studio Editor](https://www.mapbox.com/studio/) and follow the tutorial.
|
|
|
|
|
|
|
|
|
|
## Create new style project
|
|
|
|
|
|
|
|
|
|
Create a new style project. Make sure you start of a base map that only requires Mapbox Streets.
|
|
|
|
|
A Mapbox Terrain equivalent is not available by osm2vectortiles.
|
|
|
|
|
|
|
|
|
|
In `Styles` create a new style, choose `Bright` and save your project.
|
|
|
|
|
|
2015-12-15 13:22:56 +00:00
|
|
|
|
2015-12-15 13:12:51 +00:00
|
|
|
|
|
|
|
|
## Switch to osm2vectortiles
|
|
|
|
|
|
|
|
|
|
In the new Mapbox Studio you can no longer specify a
|
|
|
|
|
[TileJSON](https://github.com/mapbox/tilejson-spec) url of a custom vectortiles server.
|
|
|
|
|
Therefore it is best to work with the original Mapbox Streets v6 data in the editor
|
2015-12-15 13:40:17 +00:00
|
|
|
and make the switch to osm2vectortiles at the deployment step. This works because our vector tiles are
|
|
|
|
|
to a large part Mapbox Streets v6 compatible.
|
2015-12-15 13:12:51 +00:00
|
|
|
|
|
|
|
|
Because users have an upload limit for their own data sources you cannot upload the osm2vectortiles
|
2015-12-15 13:40:17 +00:00
|
|
|
world file to Mapbox Studio and style it directly.
|
|
|
|
|
However if you want to work with the real data you can choose
|
|
|
|
|
an extract which is quite small (below 100MB) and upload it to Mapbox Studio and work on this sample
|
|
|
|
|
extract to create your map.
|
2015-12-15 13:12:51 +00:00
|
|
|
|
2015-12-17 13:32:28 +00:00
|
|
|
## Download Mapbox GL Style JSON
|
|
|
|
|
|
|
|
|
|
In order to host your own Mapbox GL map you need to download the
|
|
|
|
|
[Mapbox GL style JSON](https://www.mapbox.com/mapbox-gl-style-spec/).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2015-12-15 13:12:51 +00:00
|
|
|
## Deploy your Map
|
|
|
|
|
|
2015-12-17 13:32:28 +00:00
|
|
|
Once you've downloaded the Mapbox GL Style JSON you need to modify it
|
|
|
|
|
to work together with osm2vectortiles.
|
|
|
|
|
|
|
|
|
|
The tutorial [how to display a Mapbox GL map explains this in detail](/docs/display-map-with-mapbox-gl/).
|
