Short GIS workshop

short-gis-workshop.md

Objective: Make particpants understand how to use openstreetmap data in their GIS projects and to leverage its value using custom cartography and web interactivity.

Tool chain: Openstreetmap > Overpass-turbo > Mapbox Studio (download) > Mapbox.js > Turf.js

Duration: 2 hours

Schedule

Background Tasks

• Signup with Mapbox using your .edu email

Part 1 - Workshop (1hr 20min)

• Introduction (15min)
• About the workshop
• Introduction to Openstreetmap Project (10min)
  • How OSM works - 10 Years of OSM
  • Demo of OSM shapefiles in QGIS
  • Quick demo of iD editor
  • OSM Data Attributes: OSM Map Feature and Taginfo
• Cartography with Mapbox Studio(55min)
• Creating a style project with an existing template
• Basic interface tour
• Basics of CartoCSS
• Creating a custom source - overpass turbo
• Uploading data to Mapbox hosting
• Including custom sources in a style project (india-boundariesplanemad.4dadadb6, bangalore-ecologyplanemad.2208adea)
• Markers and labelling
• Raster styling and composting (india-black-marbleplanemad.7cbaf638,india-popdensityplanemad.)
• Exporting from studio - for print and online hosting

Part 2 - Demo (40min)

• Adding map interactivity (20min)
• Basics of Mapbox.js
• Common use cases
• Showcase of good maps and how it was done
• Capabilities of Turf.js
• Closing (20min)

Participant Checklist

• Work machine with broadband internet connection
• Install required tools

Learning Resources

• Mapbox Guides

Documented Workshops

• IISc Bangalore - March 2015

Notes

Part 2 - Demo (40min)

• Adding map interactivity (20min)
• Basics of Mapbox.js - https://www.mapbox.com/mapbox.js/example/v1.0.0/
• Common use cases - Markers, Popups, Events, Layers
• Showcase of good maps and how it was done
• Capabilities of Turf.js
• Closing (20min)

Showcase

1. Moabi - http://rdc.moabi.org/data/en/#6/-2.877/22.830&layers=
2. Kannada - https://www.mapbox.com/blog/maps-in-your-language/
3. Mapping massive data sets - https://www.mapbox.com/blog/vector-density/
4. Turf Animated Heatmaps - https://www.mapbox.com/blog/heatmaps-and-grids-with-turf/
5. NYC Hurricane Evacuation https://www.mapbox.com/nyc-sandy/map.htm#12.00/40.7004/-73.9696
6. Afghanistan Elections - http://afghanistanelectiondata.org/front
7. DC shot spotter - http://www.washingtonpost.com/wp-srv/special/local/dc-shot-spotter/
8. MetaData+ http://metadata.joshbegley.com/
9. TransitMix - http://www.transitmix.net/