Tutorials and examples

These tutorials outline some of the most common kinds of projects completed with Mapbox Studio.

Create a custom style

no code required

Start with one of our Mapbox template styles, and adjust the style to fit your brand by changing colors and fonts.

Topics covered:

Upload

Dataset

Tileset

Template style

Custom style

Add data to style

Style data

Publish

Create a custom style

no code required

Start with a template style and customize it with colors and fonts.

Add points to a map

code required

Use the Mapbox Studio dataset editor, the Mapbox Studio style editor, and Mapbox GL JS to create an interactive map with points and popups. Adding popups will require writing code.

Topics covered:

Upload

Dataset

Tileset

Template style

Custom style

Add data to style

Style data

Publish

Part 1: Create a dataset

no code required

Create a new dataset and export as a tileset.

Part 2: Style a layer

no code required

Create a new style with one of the Mapbox default styles. Add a tileset as a layer, and style the points in the style editor.

Part 3: Display popups

code required

Use Mapbox GL JS to add popups. This part uses Mapbox GL JS and will require writing code.

Make a choropleth map

code required

Use Mapbox Studio and Mapbox GL JS to create an interactive choropleth map. Adding hover effects and key will require writing code.

Topics covered:

Upload

Dataset

Tileset

Template style

Custom style

Add data to style

Style data

Publish

Part 1: Style data

no code required

Upload a data file as a tileset. Add that tileset as a layer to a default Mapbox style, and style layers based on a population property of each state.

Part 2: Make it interactive

code required

Display population of each state on hover, and create a key. This part uses Mapbox GL JS and will require writing code.

Next section:

Troubleshooting

Browse resources for troubleshooting in Mapbox Studio.