Objective: Make students comfortable with creating interactive map based visualizations that can be used in their projects.
Tool chain: mapbox editor > overpass-turbo > openstreetmap > geojson.io > mapbox studio (download) > github pages > mapbox.js > turf.js
Duration: 16 hours (3 days)
- Participants can explore existing maps and geo visualizations on the web and select one of choice that interests them.
- Signup for free with Mapbox with your .edu email
- Play around with the Mapbox editor!
- Introduction (1hr)
- About the workshop
- Every participant can share one pre chosen map they would like to replicate and introduce themselves
- Understanding Maps (1hr)
- Brief history about role of maps in shaping the world today
- Technical Terminology - Projection, coordinates, scale, rasters, vectors, objects, properties
- Elements of Cartography - Points, lines, polygons, symbology, typography
- Understanding Map Data(1hr)
- Student task - Create a map dataset of your favourite eating locations
- Use overpass turbo to extract relevant OSM Features into a geojson file
- Use geojson.io to curate your geojson and add properties
- Lunch
- Visualizing Map Data using Mapbox Studio (3hrs)
- Student task - Create a restaurant map of your city
- Using data sources
- CartoCSS basics
- Style exploration
- Showcase (1hr)
- Students show and discuss their explorations
- Homework - Create map poster for A3 size print
- Poster showcase and discussion (1hr)
- Advanced cartography with Mapbox Studio (5hrs including lunch)
- Student task - Create a pedestrian style map of Cubbon Park (Reference Map)
- Markers
- Typography
- Textures
- Composting
- Attachments
- Using your own map (1hr)
- Exporting to image
- Simple project in Mapbox editor
- Basics of Github pages
- Basics of Mapbox.js
- Showcase (1hr)
- Students show and discuss their output
- Homework: Create any map based interactive visualization and host it online
- Showcase and closing (2hrs)
Student performance will be judged on the following outputs:
- Map Poster(40%)
- Interactive Visualization(60%)
- Work machine with broadband internet connection
- Install required tools
- Do background tasks
- Distributing printed handouts with fundamental concepts and definitions can be very helpful
- Doubts over tagging rules on openstreetmap
- Confusion over mapbox terminology: editor, studio, styles, data, features, layers, projects
- Confusion over workflow to add a new custom source to existing style in studio
- How to remove imported data file from mapbox editor project
- Customizing markers for imported geojson data in mapbox.js
- Extracting centroids from areas in osm data
Poking through the common questions to see if we have resources that could help -- would love to hear if any of these things might have been useful!