Making beautiful maps with Mapbox Studio by Charley Glynn
3 likes1,269 views
This document summarizes a presentation about making maps with Mapbox Studio. It discusses cartography principles, using QGIS at Ordnance Survey, OS OpenData products, the Mapbox stack including Studio, loading data as sources, styling with CartoCSS, and advanced cartography techniques. Workshop materials and a guide for loading OS Map Local data into Studio are provided at a given link.
Making beautiful maps with Mapbox Studio by Charley Glynn
- 1. Making beautiful maps with Mapbox Studio Charley Glynn
- 2. About me I am a Cartographic Designer at Ordnance Survey where I make maps amongst other things
- 3. How we use QGIS at OS It 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
- 4. Workshop material online Go to this link: goo.gl/vEeqWO This folder contains two workshop activities plus a guide on loading OML into Mapbox Studio
- 5. I’m gonna cover all these things Cartography Cartographic Design Principles OS OpenData The Mapbox Stack Mapbox Studio Loading data (Sources) Making maps (Styles) Advanced cartography Web maps and print maps The future of web maps
- 6. 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
- 7. Carto Design Principles Understanding on user requirements Consideration of display format A clear visual hierarchy Simplicity Legibility Consistency Accessibility Good composition os.uk/cartodesign
- 8. OS Open Map - Local
- 10. Mapbox Plans
- 11. Mapbox Studio
- 12. Mapbox Studio
- 13. Mapbox Studio
- 14. Mapbox Studio
- 15. Mapbox Studio
- 16. Mapbox Studio
- 17. os.uk/osmaps
- 18. Mapbox Studio Sources data - vector tiles Mapbox Streets Mapbox Terrain Mapbox Satellite Add your own Styles cartography CartoCSS Multiple Sources Web & Print Full design control
- 20. 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
- 21. CartoCSS
- 22. Zoom levels Define zoom (scale) range per layer/feature Above, below or equal to
- 23. Variables Define common colours, fonts, fields Can save time
- 24. Points Simple markers or custom images (PNG, SVG) Lots of placement options
- 25. Lines
- 26. Polygons Lots of options here From simple fill colour to custom textures
- 27. Labels
- 28. Advanced cartography Filters Textures Custom fonts Custom symbology Regular expressions Drop shadows and glows Composite and blend colours And lots more
- 29. Mapbox Studio Classic Mapbox Studio
- 30. New Mapbox Studio Online map design studio (currently in beta) Full control over style A new GUI - no coding required Mapbox GL On-device vector renderer High speed rendering The future of web maps
- 31. Mapbox GL
- 32. Online resources Mapbox Guides (including the docs within Studio) Check out Mapbox’s styles OS OpenData OS Carto Design Principles
- 33. Inspiration on QGIS Flickr Group
- 34. OS OpenData 16 free-to-use products National coverage Quality assured Regularly updated > 1 million downloads
- 35. New OS Open products OS Open Rivers OS Open Roads OS Open Names OS Open Map - Local (OML) Launched on 24th March 2015
- 36. Workshop material online Go to this link: goo.gl/vEeqWO This folder contains two workshop activities plus a guide on loading OML into Mapbox Studio
- 37. Come and talk to me about... Mapbox Studio OS OpenData OS Maps Maps API (coming soon) Cartography...and of course QGIS