Intro to Webmapping: Part 2 - Leaflet

This workshop provides a gentle introduction to web mapping with Leaflet, a free and open-source code library. No prior experience necessary! Join us to learn how to dynamically and interactively visualize geospatial data with maps that can be shared to others via a link.

Note: This workshop is Part 2 of the series Intro to Webmapping, which explores common tools and platforms for making web maps.  Part 1 focuses on free and straightforward online platforms for web mapping. Participants are encouraged to register for both sessions.

_{View in Full Screen}

Before the Workshop

1. Download and unzip the workshop data folder to a location on your physical computer, such as Desktop or Downloads. Once unzipped, inside you’ll see there are two subfolders, one for each part of this workshop. Today, we’ll be working out of the online-webmapping subfolder. In Part 2, we will work out of the leaflet-webmapping subfolder.

Download Data

Today’s webmaps will visualize data on Public Art and Heritage Conservation Districts from the City of Toronto’s open data portal. This data is licensed under the Open Government License - Toronto, meaning we can modify and adapt the data! The datasets have been reformatted to be legible to the various tools and platforms we will work with today.

1. To make your life easier while viewing or editing code, it’s good to use a source code editor. This workshop will use Visual Studio Code.

2. Create a uMap account. If you don’t already have a Google account, it is your choice to create one for the purposes of using MyMaps.

---

GIS + Mapping Resources at UBC:

• General Informational website for all things UBC GIS: gis.ubc.ca
• Archive of all Research Commons workshops
• Research Commons Events Calender
• Contact UBC Library’s Geospatial team: library.gis@ubc.ca
• Schedule a 1:1 consult with the geospatial team here

This workshop was authored by Lily Demet and reviewed by Alex Alisauskas.