Slide 1

Slide 1 text

Print Maps Matthew Petroff Johns Hopkins University 2015-02-08

Slide 2

Slide 2 text

A Problem Web maps normally don’t print well. Resolution is too low

Slide 3

Slide 3 text

A Problem Web maps normally don’t print well. Resolution is too low Unwanted text and other elements

Slide 4

Slide 4 text

A Solution Print Maps Uses OpenStreetMap data

Slide 5

Slide 5 text

A Solution Print Maps Uses OpenStreetMap data Leverages / abuses Mapbox GL JS (a WebGL map renderer)

Slide 6

Slide 6 text

A Solution Print Maps Uses OpenStreetMap data Leverages / abuses Mapbox GL JS (a WebGL map renderer) Client-side rendering

Slide 7

Slide 7 text

A Solution Print Maps Uses OpenStreetMap data Leverages / abuses Mapbox GL JS (a WebGL map renderer) Client-side rendering Generates PNGs or PDFs

Slide 8

Slide 8 text

A Solution Print Maps Uses OpenStreetMap data Leverages / abuses Mapbox GL JS (a WebGL map renderer) Client-side rendering Generates PNGs or PDFs Size, resolution, and style are configurable

Slide 9

Slide 9 text

Comparison Google Maps Print Maps

Slide 10

Slide 10 text

The Result http://printmaps.org/