This beginner-level workshop is intended for anyone interested in overlaying and sharing historical spatial data in the web. We will use modern frameworks and applications including IIIF, Allmaps, ArcGIS Online, Visual Studio Code, and Mapbox to move from a scanned digital map image, to publishing a georeferenced overlay and extracted historical data on a web map. This workshop builds on previous workshops:
- Discovering IIIF enabled historical maps online
- Georeferencing maps using the Allmaps toolkit
- Combining historical maps and spatial data with Mapbox GL JS
- Depolying web maps online using GitHub Pages
The workshop aims to develop the fundamental knowledge and skills to begin sharing historical map overlays using web maps, while providing opportunities to ask questions along the way. There are two main sections: an introduction to web maps, and a hands-on where we will will learn to customize boilerplate code from within a source code editor to make an interactive map showing a historical map overlay and modern data, powered by Mapbox GL JS.
| Time | Section | Objectives |
|---|---|---|
| 0:00 | Welcome | Who is this for? What will we be covering? |
| 0:10 | Introduction | What is a Web Map? Which web mapping are best for me? |
| 0:35 | Setting Up | How do I set up my local environment? How do I set up my MapBox account? |
| 0:45 | Adding a Base Map | What's important in a base map? How do I add a base map? |
| 0:55 | Adding Historical Map Overlays | What are my options for adding historical map overlays? How do I add an XYZ tileset? How do I add a transparency slider? |
| 1:05 | Adding Custom Data | Which kinds of data can I add to my map? How do I add a geojson layer? How do I add a transparency slider? |
| 1:15 | Customizing and Finalizing | How do I customize the style of my data? What options do I have for sharing my web map in the web? |
| 1:35 | Next Steps | Where do I go for help? Which options do I have for creating web maps at scale? |
You will need to arrived prepared for the workshop by:
- Installing and configuring Visual Studio Code
- Setting up your free MapBox account
- Creating a free GitHub account
Each of these steps is detailed in the Setting Up section.