Training session on using MapBox tools like TileMill at ICCM 2013 in Nairobi, Kenya

1. Development Seed
#ICCM2013
@nas_smith
Nate Smith, Development Seed
Monday, November 25, 13

2. #ICCM2013
@nas_smith
Monday, November 25, 13

3. Custom tools
for maps.
Monday, November 25, 13

4. Monday, November 25, 13

5. Monday, November 25, 13

6. Monday, November 25, 13

7. Monday, November 25, 13

8. Monday, November 25, 13

9. Monday, November 25, 13

10. Monday, November 25, 13

11. Monday, November 25, 13

12. Monday, November 25, 13

13. Monday, November 25, 13

14. Monday, November 25, 13

15. Data
Collection
Monday, November 25, 13
Analysis
Map
Design

16. Data
Collection
Monday, November 25, 13
Analysis
Map
Design

17. Experimenting in how
to make it easier to
publish maps.
Monday, November 25, 13

18. Two ways we experiment in
making maps:
1. make tiles
2. draw data dynamically in
the browser
Monday, November 25, 13

19. Making tiles.
Monday, November 25, 13

20. Monday, November 25, 13

21. Supported Formats:
- ESRI Shapefile
- GeoTiff
- PostGIS
- SQLite
- CSV
- KML
- GeoJSON
Monday, November 25, 13

22. Process
Style
Publish
Monday, November 25, 13
Add
interactivity
Export

23. Quick tour...
Monday, November 25, 13

24. Monday, November 25, 13

25. CartoCSS is code.
Monday, November 25, 13

26. #borders {
line-color: #fff;
line-width: 3;
}
Monday, November 25, 13

27. Carto is like CSS.
Monday, November 25, 13

28. Multiple styles for
each layer.
Monday, November 25, 13

29. #borders {
line-color: #fff;
line-width: 3;
::outline {
line-color: #000;
line-width: 6;
}
}
Monday, November 25, 13

30. Define variables.
Monday, November 25, 13

31. //variables for features
@water: #000;
//variables for scale or
zoom
@z1: 1.5;
Monday, November 25, 13

32. Filters & conditions.
Monday, November 25, 13

33. #world[population
#world[population
#world[population
#world[population
Monday, November 25, 13
> 100]
< 100]
>= 100]
<= 100]

34. #world[population = 100]
#world[population != 100]
#world[name =~ "A.*"]
Monday, November 25, 13

35. Raster pixels can
be colored.
Monday, November 25, 13

36. #dem {
raster-colorizer-stops:
stop(0, #fff)
stop(900, @l2)
stop(1300, @l3)
stop(1900, @l4)
stop(2500, @l5);
Monday, November 25, 13

37. Example 1.
Shapefile + Dots & more
Monday, November 25, 13

38. Example 2.
PostGIS +
Chloropleth/Dots/Text
Monday, November 25, 13

39. Example 3.
GeoTiff + Terrain
Monday, November 25, 13

40. Drawing dynamically.
Monday, November 25, 13

41. Monday, November 25, 13

42. Monday, November 25, 13