tilemill.pdf

Transcript

1. Modern Maps with TileMill Tom MacWright MapBox @tmcw bit.ly/openvisconf-tilemill Wednesday, May 15, 13
2. 30 people in a garage in washington, dc open source services { } Wednesday, May 15, 13
3. people open source and custom maps via TileMill services { } Wednesday, May 15, 13
4. people open source map hosting in the cloud and map services { } Wednesday, May 15, 13
5. 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
6. 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
7. TileMill TileMill LOOKS LIKE THIS Wednesday, May 15, 13
8. WHY Wednesday, May 15, 13
9. it started when WE STARTED MAKING MAPS for elections, floods, aid projects, open data releases, funding plans, and much more Wednesday, May 15, 13
10. MAPS ARE A HEAP Wednesday, May 15, 13
11. Cartographers KNOW design + programming + file formats + math + geometry + languages + projections + rendering engines Wednesday, May 15, 13
12. That’s too much it shouldn’t take months for someone to learn maps. so we built TileMill Wednesday, May 15, 13
13. TileMill Tries to make this simpler Wednesday, May 15, 13
14. Principles Wednesday, May 15, 13
15. 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
16. DESIGN FIRST previous tools were analysis-heavy and design- light. TileMill led with design and then became an analysis tool. Wednesday, May 15, 13
17. simplicity++ no more than three levels in the UI. minimal chrome but graphical hints where needed. Wednesday, May 15, 13
18. PROCESS Wednesday, May 15, 13
19. TileMill on your laptop Wednesday, May 15, 13
20. Wednesday, May 15, 13
21. Wednesday, May 15, 13
22. Wednesday, May 15, 13
23. Wednesday, May 15, 13
24. Wednesday, May 15, 13
25. Wednesday, May 15, 13
26. Wednesday, May 15, 13
27. Wednesday, May 15, 13
28. Wednesday, May 15, 13
29. Wednesday, May 15, 13
30. Wednesday, May 15, 13
31. Wednesday, May 15, 13
32. Wednesday, May 15, 13
33. Wednesday, May 15, 13
34. Wednesday, May 15, 13
35. Wednesday, May 15, 13
36. TileMill works really well with MapBox, but you can use it without. OPEN INPUT, OPEN OUTPUT Wednesday, May 15, 13
37. STYLE Wednesday, May 15, 13
38. TILEMILL is a clean slate with smart defaults. Designed to work with any data. Wednesday, May 15, 13
39. style LEARNABLE + FORGIVING error reporting Wednesday, May 15, 13
40. style Carto: CSS For maps #countries { polygon-fill: red; polygon-opacity: 0.5; } Wednesday, May 15, 13
41. 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
42. style Carto: CSS For maps CSS LESS CARTO Wednesday, May 15, 13
43. style LEARNABLE + FORGIVING error reporting Wednesday, May 15, 13
44. style LEARNABLE + FORGIVING self-documenting Wednesday, May 15, 13
45. Data Wednesday, May 15, 13
46. geospatial is fractured web graphics text audio geo HTML PNG UTF8 MP3 grrr.. Wednesday, May 15, 13
47. data ANY* DATA SOURCE - Shapefiles - GeoTIFF - KML - GeoJSON - SQLite & PostGIS - CSV Wednesday, May 15, 13
48. data * ←more on this later. Wednesday, May 15, 13
49. data enabled by openstreetmap Wednesday, May 15, 13
50. the open base for open maps Wednesday, May 15, 13
51. PUBLISHING Wednesday, May 15, 13
52. GIS IS NORTH-ARROWS FIRST Wednesday, May 15, 13
53. TILEMILL is web-FIRST Wednesday, May 15, 13
54. 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
55. mbTILES all your tiles, in one simple file Wednesday, May 15, 13
56. mbTILES host yourself with TileStache.org or unpack & push to S3 with mb-util Wednesday, May 15, 13
57. PLUS SIMPLE, OPEN FORMATS Wednesday, May 15, 13
58. Under the hood Wednesday, May 15, 13
59. 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
60. THE WILD Wednesday, May 15, 13
61. bit.ly/map-shadowplay Wednesday, May 15, 13
62. bit.ly/map-pirates Wednesday, May 15, 13
63. bit.ly/map-fccspeed Wednesday, May 15, 13
64. bit.ly/map-iceland Wednesday, May 15, 13
65. bit.ly/map-iceland bit.ly/map-runs Wednesday, May 15, 13
66. TILEMILL 2 Wednesday, May 15, 13
67. 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
68. 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
69. 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
70. THANKS! Tom MacWright MapBox @tmcw Wednesday, May 15, 13
71. THANKS! Tom MacWright MapBox @tmcw bit.ly/openvisconf-tilemill mapbox.com tilemill.com Wednesday, May 15, 13