38
Making beautiful maps with Mapbox Studio Charley Glynn

Making beautiful maps with Mapbox Studio by Charley Glynn

Embed Size (px)

Citation preview

Page 1: Making beautiful maps with Mapbox Studio by Charley Glynn

Making beautiful maps with Mapbox Studio

Charley Glynn

Page 2: Making beautiful maps with Mapbox Studio by Charley Glynn

About meI am a

Cartographic Designerat

Ordnance Surveywhere

I make mapsamongst other things

Page 3: Making beautiful maps with Mapbox Studio by Charley Glynn

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

Page 4: Making beautiful maps with Mapbox Studio by Charley Glynn

Workshop material online

Go to this link:

goo.gl/vEeqWO

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

Page 5: Making beautiful maps with Mapbox Studio by Charley Glynn

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

Page 6: Making beautiful maps with Mapbox Studio by Charley Glynn

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

Page 7: Making beautiful maps with Mapbox Studio by Charley Glynn

Carto Design PrinciplesUnderstanding on user requirements

Consideration of display formatA clear visual hierarchy

SimplicityLegibility

ConsistencyAccessibility

Good composition

os.uk/cartodesign

Page 8: Making beautiful maps with Mapbox Studio by Charley Glynn

OS Open Map - Local

Page 9: Making beautiful maps with Mapbox Studio by Charley Glynn

The Mapbox Stack

Page 10: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Plans

Page 11: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 12: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 13: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 14: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 15: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 16: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Page 17: Making beautiful maps with Mapbox Studio by Charley Glynn

os.uk/osmaps

Page 18: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio

Sourcesdata - vector tiles

Mapbox StreetsMapbox TerrainMapbox Satellite

Add your own

Stylescartography

CartoCSSMultiple Sources

Web & Print

Full design control

Page 19: Making beautiful maps with Mapbox Studio by Charley Glynn
Page 20: Making beautiful maps with Mapbox Studio by Charley Glynn

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

Page 21: Making beautiful maps with Mapbox Studio by Charley Glynn

CartoCSS

Page 22: Making beautiful maps with Mapbox Studio by Charley Glynn

Zoom levelsDefine zoom (scale) range per layer/feature

Above, below or equal to

Page 23: Making beautiful maps with Mapbox Studio by Charley Glynn

VariablesDefine common colours, fonts, fields

Can save time

Page 24: Making beautiful maps with Mapbox Studio by Charley Glynn

PointsSimple markers or custom images (PNG, SVG)

Lots of placement options

Page 25: Making beautiful maps with Mapbox Studio by Charley Glynn

Lines

Page 26: Making beautiful maps with Mapbox Studio by Charley Glynn

PolygonsLots of options here

From simple fill colour to custom textures

Page 27: Making beautiful maps with Mapbox Studio by Charley Glynn

Labels

Page 28: Making beautiful maps with Mapbox Studio by Charley Glynn

Advanced cartographyFilters

TexturesCustom fonts

Custom symbologyRegular expressions

Drop shadows and glowsComposite and blend colours

And lots more

Page 29: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox Studio Classic

Mapbox Studio

Page 30: Making beautiful maps with Mapbox Studio by Charley Glynn

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

Page 31: Making beautiful maps with Mapbox Studio by Charley Glynn

Mapbox GL

Page 32: Making beautiful maps with Mapbox Studio by Charley Glynn

Online resourcesMapbox Guides

(including the docs within Studio)

Check out Mapbox’s styles

OS OpenData

OS Carto Design Principles

Page 33: Making beautiful maps with Mapbox Studio by Charley Glynn

Inspiration on QGIS Flickr Group

Page 34: Making beautiful maps with Mapbox Studio by Charley Glynn

OS OpenData16 free-to-use products

National coverage

Quality assured

Regularly updated

> 1 million downloads

Page 35: Making beautiful maps with Mapbox Studio by Charley Glynn

New OS Open productsOS Open Rivers

OS Open Roads

OS Open Names

OS Open Map - Local (OML)

Launched on 24th March 2015

Page 36: Making beautiful maps with Mapbox Studio by Charley Glynn

Workshop material online

Go to this link:

goo.gl/vEeqWO

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

Page 37: Making beautiful maps with Mapbox Studio by Charley Glynn

Come and talk to me about...Mapbox Studio

OS OpenData

OS Maps

Maps API (coming soon)

Cartography...and of course QGIS

Page 38: Making beautiful maps with Mapbox Studio by Charley Glynn

ThanksCharley [email protected]

@charley_glynn