Mapbox Training ICCM 2013

#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