GIS

Designing Web Maps with Mapbox

March 12, 2025, 1:00 pm to 3:00 pm

Date: Wednesday, March 12, 2025
Time: 1:00pm - 3:00pm
Presenter: Lily Crandall-Oral
Location: Online

This workshop is intended for anyone with a basic understanding of web mapping who wishes to expand their skillset and design more customizable maps. There are 3 main sections: an introduction to Mapbox and its products, a guided developer environment set-up, and a hands-on portion where we will modify given code to design an interactive map powered by Mapbox and Leaflet.

At the end of this workshop students will:

  • Understand the advantages of web mapping using Mapbox GL JS
  • Be familiar with the elements of code that make a web map work
  • Know how to modify code to customize an interactive map of your own
  • Have the basic skills to pursue further tutorials more focused on your individual research interests or project needs

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:

Location:
*ONLINE*

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.
Campus/Source

https://libcal.library.ubc.ca/event/3861712


  • GIS
  • Maps
  • Research Commons

First Nations land acknowledegement

We acknowledge that UBC's two main campuses are located on the traditional, ancestral and unceded territories of the xwmə0– kwəyˇəm (Musqueam) and Syilx (Okanagan) peoples, and that UBC’s activities take place on Indigenous lands throughout British Columbia and beyond.


UBC Crest The official logo of the University of British Columbia. Urgent Message An exclamation mark in a speech bubble. Caret An arrowhead indicating direction. Arrow An arrow indicating direction. Arrow in Circle An arrow indicating direction. Arrow in Circle An arrow indicating direction. Bluesky The logo for the Bluesky social media service. Chats Two speech clouds. Facebook The logo for the Facebook social media service. Information The letter 'i' in a circle. Instagram The logo for the Instagram social media service. External Link An arrow entering a square. Linkedin The logo for the LinkedIn social media service. Location Pin A map location pin. Mail An envelope. Menu Three horizontal lines indicating a menu. Minus A minus sign. Telephone An antique telephone. Plus A plus symbol indicating more or the ability to add. Search A magnifying glass. Twitter The logo for the Twitter social media service. Youtube The logo for the YouTube video sharing service.