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
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Six Lessons from altMBA
skipperchong
27
3.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Done Done
chrislema
181
16k
Why Our Code Smells
bkeepers
PRO
334
57k
How to Ace a Technical Interview
jacobian
276
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
GraphQLとの向き合い方2022年版
quramy
43
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