Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
tilemill.pdf
Search
Tom MacWright
May 15, 2013
4
850
tilemill.pdf
Tom MacWright
May 15, 2013
Tweet
Share
More Decks by Tom MacWright
See All by Tom MacWright
I Fought the Law and The Law Won and I Won Too
tmcw
0
66
Visualized
tmcw
0
240
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
335
57k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Become a Pro
speakerdeck
PRO
26
5.1k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Designing for Performance
lara
604
68k
How STYLIGHT went responsive
nonsquared
98
5.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Rails Girls Zürich Keynote
gr2m
94
13k
Transcript
Modern Maps with TileMill Tom MacWright MapBox @tmcw bit.ly/openvisconf-tilemill Wednesday,
May 15, 13
30 people in a garage in washington, dc open source
services { } Wednesday, May 15, 13
people open source and custom maps via TileMill services {
} Wednesday, May 15, 13
people open source map hosting in the cloud and map
services { } Wednesday, May 15, 13
TileMill is a free and open source application for designing
custom maps, created by MapBox to modernize the art of cartography. Wednesday, May 15, 13
TileMill is a free and open source application you can
download from tilemill.com and use on your Mac, Windows, or Linux computer Wednesday, May 15, 13
TileMill TileMill LOOKS LIKE THIS Wednesday, May 15, 13
WHY Wednesday, May 15, 13
it started when WE STARTED MAKING MAPS for elections, floods,
aid projects, open data releases, funding plans, and much more Wednesday, May 15, 13
MAPS ARE A HEAP Wednesday, May 15, 13
Cartographers KNOW design + programming + file formats + math
+ geometry + languages + projections + rendering engines Wednesday, May 15, 13
That’s too much it shouldn’t take months for someone to
learn maps. so we built TileMill Wednesday, May 15, 13
TileMill Tries to make this simpler Wednesday, May 15, 13
Principles Wednesday, May 15, 13
familiar + accessible if you’re familiar with CSS, you’ll like
Carto. If you understand spreadsheets, the approach to data should be straightforward. Wednesday, May 15, 13
DESIGN FIRST previous tools were analysis-heavy and design- light. TileMill
led with design and then became an analysis tool. Wednesday, May 15, 13
simplicity++ no more than three levels in the UI. minimal
chrome but graphical hints where needed. Wednesday, May 15, 13
PROCESS Wednesday, May 15, 13
TileMill on your laptop Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
Wednesday, May 15, 13
TileMill works really well with MapBox, but you can use
it without. OPEN INPUT, OPEN OUTPUT Wednesday, May 15, 13
STYLE Wednesday, May 15, 13
TILEMILL is a clean slate with smart defaults. Designed to
work with any data. Wednesday, May 15, 13
style LEARNABLE + FORGIVING error reporting Wednesday, May 15, 13
style Carto: CSS For maps #countries { polygon-fill: red; polygon-opacity:
0.5; } Wednesday, May 15, 13
style Carto: CSS For maps @lw: 2; #counties[zoom > 9]
{ line-width: @lw; } PLUS zoom levels, variables, attachments, fontsets, functions, and so on Wednesday, May 15, 13
style Carto: CSS For maps CSS LESS CARTO Wednesday, May
15, 13
style LEARNABLE + FORGIVING error reporting Wednesday, May 15, 13
style LEARNABLE + FORGIVING self-documenting Wednesday, May 15, 13
Data Wednesday, May 15, 13
geospatial is fractured web graphics text audio geo HTML PNG
UTF8 MP3 grrr.. Wednesday, May 15, 13
data ANY* DATA SOURCE - Shapefiles - GeoTIFF - KML
- GeoJSON - SQLite & PostGIS - CSV Wednesday, May 15, 13
data * ←more on this later. Wednesday, May 15, 13
data enabled by openstreetmap Wednesday, May 15, 13
the open base for open maps Wednesday, May 15, 13
PUBLISHING Wednesday, May 15, 13
GIS IS NORTH-ARROWS FIRST Wednesday, May 15, 13
TILEMILL is web-FIRST Wednesday, May 15, 13
TILES “map tiles are the .mp3s of maps” - Mike
Migurski http://a.tiles.mapbox.com/v3/tmcw.map-23zyofas/15/9668/12328.png Wednesday, May 15, 13
mbTILES all your tiles, in one simple file Wednesday, May
15, 13
mbTILES host yourself with TileStache.org or unpack & push to
S3 with mb-util Wednesday, May 15, 13
PLUS SIMPLE, OPEN FORMATS Wednesday, May 15, 13
Under the hood Wednesday, May 15, 13
Mapnik.org Pixel-perfect, super fast map rendering library. node.js Next-generation server
environment for applications. CodeMirror, Modest Maps, Bones, request, sax, step, topcube, underscore, millstone, sphericalmercator, tilelive, mbtiles, JSV, generic-pool, glob, node- markdown, chrono + Wednesday, May 15, 13
THE WILD Wednesday, May 15, 13
bit.ly/map-shadowplay Wednesday, May 15, 13
bit.ly/map-pirates Wednesday, May 15, 13
bit.ly/map-fccspeed Wednesday, May 15, 13
bit.ly/map-iceland Wednesday, May 15, 13
bit.ly/map-iceland bit.ly/map-runs Wednesday, May 15, 13
TILEMILL 2 Wednesday, May 15, 13
so about that * Geospatial data is still a hard
problem. OpenStreetMap is 300-500GB on disk. Rendering the world is really hard. Wednesday, May 15, 13
TileMill 2 Designed to handle remote data just as well
as local. Boot up TileMill, and you’ve got the ‘OSM Planet’ *also free and open source Wednesday, May 15, 13
TileMill 2 + VECTOr tiles Vector tiles separate data &
style, reduce size 10x, and work remotely: work without importing ‘the planet’. *also free and open source Wednesday, May 15, 13
THANKS! Tom MacWright MapBox @tmcw Wednesday, May 15, 13
THANKS! Tom MacWright MapBox @tmcw bit.ly/openvisconf-tilemill mapbox.com tilemill.com Wednesday, May
15, 13