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

Looks great @planemad - just a few comments:

1. I think we can safely remove QGIS from the mix and focus completely on Mapbox Studio. QGIS is already part of the workshop and I'm sure someone else is taking care of that.
2. 75 mins for OSM + QGIS + Mapbox Studio seem to be very ambitious. Alternatively, let's focus on OSM + Overpass + Mapbox Studio.
3. Can we throw designing a raster layer into the mix? I think it's important to show this off and will be valuable in the context environment/urban mapping.
4. The demo sounds great, I can probably jump in on this.

I think we can safely remove QGIS from the mix and focus completely on Mapbox Studio. QGIS is already part of the workshop and I'm sure someone else is taking care of that.

Since qgis is generally going to be the tool of focus during the rest of the workshop, lets take out 5 minutes to quickly introduce OSM and open the shapefiles in qgis so everyone understands what its about. It certainly does not have to be a hands-on thing.

75 mins for OSM + QGIS + Mapbox Studio seem to be very ambitious. Alternatively, let's focus on OSM + Overpass + Mapbox Studio.

y, outline updated

Can we throw designing a raster layer into the mix? I think it's important to show this off and will be valuable in the context environment/urban mapping.

Ok, did not know about this. Yes, lets definitely do this.

The one issue to keep in mind with studio is that its not possible to use a local datasource with the osm mapbox-streets. Either you use only local datasources or remote sources, and its probably not going to be possible to upload big rasters into mapbox due to the processing times/net speed/account limitation.

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/