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.


Analysis Map Design

Data Collection


Experimenting in how to make it easier to publish maps.


Two ways we experiment in making maps:

1. make tiles2. draw data dynamically in the browser


Making tiles.


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


Style Add interactivity

Process

ExportPublish


Quick tour...


CartoCSS is code.


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


Carto is like CSS.


Multiple styles for each layer.


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


Define variables.


//variables for features@water: #000;

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


Filters & conditions.


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


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

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


Raster pixels can be colored.


#dem {raster-colorizer-stops:

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


Example 1.Shapefile + Dots & more


Example 2.PostGIS + Chloropleth/Dots/Text


Example 3.GeoTiff + Terrain


Drawing dynamically.


Technology