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
830
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
64
Visualized
tmcw
0
230
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
327
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
A Modern Web Designer's Workflow
chriscoyier
692
190k
We Have a Design System, Now What?
morganepeng
50
7.2k
Being A Developer After 40
akosma
86
590k
Into the Great Unknown - MozCon
thekraken
31
1.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
A Philosophy of Restraint
colly
203
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
41
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
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