tilemill.pdf

69a180136f3c237769452a4af0bbb9a1?s=47 Tom MacWright
May 15, 2013
470

 tilemill.pdf

69a180136f3c237769452a4af0bbb9a1?s=128

Tom MacWright

May 15, 2013
Tweet

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