Event box

Introduction to Web Mapping with Leaflet

This workshop will first give an introduction to web maps, including the differences between digital maps and web maps, their structure, and how they work. The second part of the workshop will be a short hands-on session where we will create our own web map showing UBC campus buildings – with clickable with popups – using Leaflet.js.
Intro to Web Maps

  • Why web maps?
  • Web map vs digital map
  • Map tiles
  • GeoJSON
  • Structure of a web map

Hands on with Leaflet.js

  • Intro to using your source code editor
  • Examine the map “boilerplate”
  • Configure the load location and zoom level
  • Change base layer
  • Add building data
  • Examine building data attributes
  • Configure a popup

Things to do before arriving:

This workshop will require the use of an internet browser and source code editor. We recommend downloading Mozilla Firefox for your browser, and VS Code as a source code editor.

Location details:


If you have questions, concerns, or accessibility needs, please email alexandra.alisauskas@ubc.ca

To keep up-to-date with all our workshops, consults, and events, subscribe to the UBC Library Research Commons monthly newsletter.

This event is online. Registrants receive the link 3 hours before the event. Registration closes at that time.
Thursday, February 8, 2024
1:00pm - 3:00pm
  GIS     Maps     Research Commons  
Lily Crandall-Oral
Registration has closed.

Get rid of it


Lily Crandall-Oral

More Events Like This...