42

Click here to load reader

Mapbox Training ICCM 2013

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Mapbox Training ICCM 2013

#ICCM2013Development Seed

@nas_smithNate Smith, Development Seed

Monday, November 25, 13

Page 2: Mapbox Training ICCM 2013

#ICCM2013

@nas_smithMonday, November 25, 13

Page 3: Mapbox Training ICCM 2013

Custom tools for maps.

Monday, November 25, 13

Page 4: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 5: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 6: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 7: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 8: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 9: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 10: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 11: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 12: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 13: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 14: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 15: Mapbox Training ICCM 2013

Analysis Map Design

Data Collection

Monday, November 25, 13

Page 16: Mapbox Training ICCM 2013

Analysis Map Design

Data Collection

Monday, November 25, 13

Page 17: Mapbox Training ICCM 2013

Experimenting in how to make it easier to publish maps.

Monday, November 25, 13

Page 18: Mapbox Training ICCM 2013

Two ways we experiment in making maps:

1. make tiles2. draw data dynamically in the browser

Monday, November 25, 13

Page 19: Mapbox Training ICCM 2013

Making tiles.

Monday, November 25, 13

Page 20: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 21: Mapbox Training ICCM 2013

Supported Formats: - ESRI Shapefile - GeoTiff- PostGIS- SQLite- CSV- KML - GeoJSON

Monday, November 25, 13

Page 22: Mapbox Training ICCM 2013

Style Add interactivity

Process

ExportPublish

Monday, November 25, 13

Page 23: Mapbox Training ICCM 2013

Quick tour...

Monday, November 25, 13

Page 24: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 25: Mapbox Training ICCM 2013

CartoCSS is code.

Monday, November 25, 13

Page 26: Mapbox Training ICCM 2013

#borders { line-color: #fff; line-width: 3; }

Monday, November 25, 13

Page 27: Mapbox Training ICCM 2013

Carto is like CSS.

Monday, November 25, 13

Page 28: Mapbox Training ICCM 2013

Multiple styles for each layer.

Monday, November 25, 13

Page 29: Mapbox Training ICCM 2013

#borders { line-color: #fff; line-width: 3; ::outline { line-color: #000; line-width: 6; }}

Monday, November 25, 13

Page 30: Mapbox Training ICCM 2013

Define variables.

Monday, November 25, 13

Page 31: Mapbox Training ICCM 2013

//variables for features@water: #000;

//variables for scale or zoom@z1: 1.5;

Monday, November 25, 13

Page 32: Mapbox Training ICCM 2013

Filters & conditions.

Monday, November 25, 13

Page 33: Mapbox Training ICCM 2013

#world[population > 100]#world[population < 100]#world[population >= 100]#world[population <= 100]

Monday, November 25, 13

Page 34: Mapbox Training ICCM 2013

#world[population = 100]#world[population != 100]

#world[name =~ "A.*"]

Monday, November 25, 13

Page 35: Mapbox Training ICCM 2013

Raster pixels can be colored.

Monday, November 25, 13

Page 36: Mapbox Training ICCM 2013

#dem {raster-colorizer-stops:

stop(0, #fff)stop(900, @l2) stop(1300, @l3)stop(1900, @l4)stop(2500, @l5);

Monday, November 25, 13

Page 37: Mapbox Training ICCM 2013

Example 1.Shapefile + Dots & more

Monday, November 25, 13

Page 38: Mapbox Training ICCM 2013

Example 2.PostGIS + Chloropleth/Dots/Text

Monday, November 25, 13

Page 39: Mapbox Training ICCM 2013

Example 3.GeoTiff + Terrain

Monday, November 25, 13

Page 40: Mapbox Training ICCM 2013

Drawing dynamically.

Monday, November 25, 13

Page 41: Mapbox Training ICCM 2013

Monday, November 25, 13

Page 42: Mapbox Training ICCM 2013

Monday, November 25, 13