Making beautiful maps with Mapbox Studio by Charley Glynn

Making beautiful maps with Mapbox Studio

Charley Glynn

About meI am a

Cartographic Designerat

Ordnance Surveywhere

I make mapsamongst other things

How we use QGIS at OSIt has become the go-to GIS for many

Customer support staff use QGIS

We create and release QML stylesheets

Carto Design use QGIS to create one-off maps

We use QGIS to create how-to guides

Workshop material online

Go to this link:

goo.gl/vEeqWO

This folder contains two workshop activitiesplus a guide on loading OML into Mapbox Studio

I’m gonna cover all these thingsCartography

Cartographic Design PrinciplesOS OpenData

The Mapbox StackMapbox Studio

Loading data (Sources)Making maps (Styles)Advanced cartography

Web maps and print mapsThe future of web maps

What is cartography?“Cartography (map-making) is the discipline dealing with the conception,

production, dissemination and study of maps in all forms.”International Cartographic Association

Communication of spatial information

Portraying a message or telling a story

Form and Function

Carto Design PrinciplesUnderstanding on user requirements

Consideration of display formatA clear visual hierarchy

SimplicityLegibility

ConsistencyAccessibility

Good composition

os.uk/cartodesign

OS Open Map - Local

The Mapbox Stack

Mapbox Plans

Mapbox Studio

Mapbox Studio

Mapbox Studio

Mapbox Studio

Mapbox Studio

Mapbox Studio

os.uk/osmaps

Mapbox Studio

Sourcesdata - vector tiles

Mapbox StreetsMapbox TerrainMapbox Satellite

Add your own

Stylescartography

CartoCSSMultiple Sources

Web & Print

Full design control

CartoCSS“A Mapnik stylesheet pre-processor developed by MapBox and inspired by

Cascadenik”

First introduced in Tilemill

Based on CSS - a web design language

Relatively easy to learn and use

CartoCSS

Zoom levelsDefine zoom (scale) range per layer/feature

Above, below or equal to

VariablesDefine common colours, fonts, fields

Can save time

PointsSimple markers or custom images (PNG, SVG)

Lots of placement options

Lines

PolygonsLots of options here

From simple fill colour to custom textures

Labels

Advanced cartographyFilters

TexturesCustom fonts

Custom symbologyRegular expressions

Drop shadows and glowsComposite and blend colours

And lots more

Mapbox Studio Classic

Mapbox Studio

New Mapbox StudioOnline map design studio (currently in beta)

Full control over styleA new GUI - no coding required

Mapbox GLOn-device vector renderer

High speed rendering

The future of web maps

Mapbox GL

Online resourcesMapbox Guides

(including the docs within Studio)

Check out Mapbox’s styles

OS OpenData

OS Carto Design Principles

Inspiration on QGIS Flickr Group

OS OpenData16 free-to-use products

National coverage

Quality assured

Regularly updated

> 1 million downloads

New OS Open productsOS Open Rivers

OS Open Roads

OS Open Names

OS Open Map - Local (OML)

Launched on 24th March 2015

Workshop material online

Go to this link:

goo.gl/vEeqWO

This folder contains two workshop activitiesplus a guide on loading OML into Mapbox Studio

Come and talk to me about...Mapbox Studio

OS OpenData

OS Maps

Maps API (coming soon)

Cartography...and of course QGIS

ThanksCharley Glynncharley.glynn@os.uk

@charley_glynn