Click here to load reader
Upload
nate-smith
View
1.105
Download
0
Embed Size (px)
DESCRIPTION
Training session on using MapBox tools like TileMill at ICCM 2013 in Nairobi, Kenya
Citation preview
#ICCM2013Development Seed
@nas_smithNate Smith, Development Seed
Monday, November 25, 13
#ICCM2013
@nas_smithMonday, November 25, 13
Custom tools for maps.
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13
Analysis Map Design
Data Collection
Monday, November 25, 13
Analysis Map Design
Data Collection
Monday, November 25, 13
Experimenting in how to make it easier to publish maps.
Monday, November 25, 13
Two ways we experiment in making maps:
1. make tiles2. draw data dynamically in the browser
Monday, November 25, 13
Making tiles.
Monday, November 25, 13
Monday, November 25, 13
Supported Formats: - ESRI Shapefile - GeoTiff- PostGIS- SQLite- CSV- KML - GeoJSON
Monday, November 25, 13
Style Add interactivity
Process
ExportPublish
Monday, November 25, 13
Quick tour...
Monday, November 25, 13
Monday, November 25, 13
CartoCSS is code.
Monday, November 25, 13
#borders { line-color: #fff; line-width: 3; }
Monday, November 25, 13
Carto is like CSS.
Monday, November 25, 13
Multiple styles for each layer.
Monday, November 25, 13
#borders { line-color: #fff; line-width: 3; ::outline { line-color: #000; line-width: 6; }}
Monday, November 25, 13
Define variables.
Monday, November 25, 13
//variables for features@water: #000;
//variables for scale or zoom@z1: 1.5;
Monday, November 25, 13
Filters & conditions.
Monday, November 25, 13
#world[population > 100]#world[population < 100]#world[population >= 100]#world[population <= 100]
Monday, November 25, 13
#world[population = 100]#world[population != 100]
#world[name =~ "A.*"]
Monday, November 25, 13
Raster pixels can be colored.
Monday, November 25, 13
#dem {raster-colorizer-stops:
stop(0, #fff)stop(900, @l2) stop(1300, @l3)stop(1900, @l4)stop(2500, @l5);
Monday, November 25, 13
Example 1.Shapefile + Dots & more
Monday, November 25, 13
Example 2.PostGIS + Chloropleth/Dots/Text
Monday, November 25, 13
Example 3.GeoTiff + Terrain
Monday, November 25, 13
Drawing dynamically.
Monday, November 25, 13
Monday, November 25, 13
Monday, November 25, 13