Part 2: Style
Goal
Create a map style to display the points in your dataset as circles on the map.
Instructions
Start a new style from a template:
- Navigate to the Studio Styles page at studio.mapbox.com
- Click “New Style” to create a new style
- Choose one of the ready-to-go templates, whichever one you like best! Maybe try a Monochrome map in your favorite color? It’s up to you!
- Once you’ve chosen your template, click the “Customize” button to start styling the template
- You should now be in the Studio map editor interface. At the top of the page, you’ll see the title of your style (it will default to your template’s title). Click the pencil icon to rename your style with a custom name, e.g. “My Concatenate Map”.
Create a new style layer:
- Click the “+” button in the upper left corner to add a new layer. You should now see the “Select data” panel.
- Scroll down in the data sources list until you find the Dataset you created. Click the Dataset name, then click the layer name that appears below.
- You should now see your Dataset selected as the layer Source, and
Circle
should be automatically selected as the layer Type.
Style your layer
- Move to the “Style” panel by clicking the “Style” tab at the top of the panel (next to “Select Data” tab).
- Edit the style values to customize how your circles look. Try playing with any of these:
- Radius: make the circles bigger/smaller
- Color: change the circle color
- Opacity: make the circles transparent
- Stroke width: give the circles a border
- Stroke color: change the border color
- Once you’ve styled your new custom layer, feel free to play around with the rest of the layers in the template. Click on a layer in the left sidebar to select it, then adjust the style properties however you wish.
- When you’re happy with how your map looks (or when you’re out of time!), click the “Publish…” button in the upper right corner to publish your map style so it can be used in a web page (our next activity!).
Next step
Part 3