{"id":4062,"date":"2026-02-17T16:28:04","date_gmt":"2026-02-17T20:28:04","guid":{"rendered":"https:\/\/ccdhhn.ca\/?post_type=tribe_events&#038;p=4062"},"modified":"2026-02-17T16:30:35","modified_gmt":"2026-02-17T20:30:35","slug":"webmapping","status":"publish","type":"tribe_events","link":"https:\/\/ccdhhn.ca\/fr\/workshop\/webmapping\/","title":{"rendered":"Webmapping"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/ccdhhn.ca\/wp-content\/uploads\/2024\/03\/ubc-library-rc-logo-square.png\" alt=\"square logo with white text on dark blue: UBC (University of British Columbia); below, with white text on lighter blue: Library Research Commons\" class=\"wp-image-2274\" srcset=\"https:\/\/ccdhhn.ca\/wp-content\/uploads\/2024\/03\/ubc-library-rc-logo-square.png 300w, https:\/\/ccdhhn.ca\/wp-content\/uploads\/2024\/03\/ubc-library-rc-logo-square-150x150.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n<div  class=\"tribe-block tribe-block__additional-field tribe-block__additional-field__dropdown\" >\n\t<h3>Event Language<\/h3>\n\tEnglish<\/div>\n\n\n<div  class=\"tribe-block tribe-block__additional-field tribe-block__additional-field__dropdown\" >\n\t<h3>Format <\/h3>\n\tvirtual\/virtuel<\/div>\n\n\n<div  class=\"tribe-events-single-section tribe-events-section-category tribe-clearfix\" >\n\t<dt class=\"tribe-events-event-categories-label\">Cat\u00e9gorie d\u2019\u00c9v\u00e8nement:<\/dt> <dd class=\"tribe-events-event-categories\"><a href=\"https:\/\/ccdhhn.ca\/workshops\/category\/1-4-hour-workshop\/\" rel=\"tag\">1-4 hour workshop<\/a><\/dd><\/div>\n\n\n\n<p>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 using Leaflet.js.<br>&nbsp;<br>Intro to Web Maps<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Why web maps?<\/li>\n\n\n\n<li>Web map vs digital map<\/li>\n\n\n\n<li>Map tiles<\/li>\n\n\n\n<li>GeoJSON<\/li>\n\n\n\n<li>Structure of a web map<\/li>\n<\/ul>\n\n\n\n<p>Hands on with Leaflet.js<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Intro to using your source code editor<\/li>\n\n\n\n<li>Examine the map \u201cboilerplate\u201d<\/li>\n\n\n\n<li>Configure the load location and zoom level<\/li>\n\n\n\n<li>Change base layer<\/li>\n\n\n\n<li>Add building data<\/li>\n\n\n\n<li>Examine building data attributes<\/li>\n\n\n\n<li>Configure a popup<\/li>\n<\/ul>\n\n\n\n<p>This workshop is taught by a graduate student in Geography with expertise in GIS and cartographic methods.<\/p>\n\n\n\n<p>Workshop Link:&nbsp;<a href=\"https:\/\/ubc-library-rc.github.io\/gis-intro-leaflet\/\">https:\/\/ubc-library-rc.github.io\/gis-intro-leaflet\/<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Things to do before arriving:<\/h3>\n\n\n\n<p>This workshop will require the use of an internet browser and source code editor. We recommend downloading\u00a0<a href=\"https:\/\/www.mozilla.org\/en-CA\/firefox\/new\/\">Mozilla Firefox<\/a>\u00a0for your browser, and\u00a0<a href=\"https:\/\/code.visualstudio.com\/\">VS Code<\/a>\u00a0as a source code editor.<\/p>\n\n\n\n<p>Presenter(s): Lily Crandall-Oral<\/p>\n\n\n<div  class=\"tribe-block tribe-block__event-website\" >\n\t<a\n\t\thref=\"https:\/\/libcal.library.ubc.ca\/event\/3973780\"\n\t\ttarget=\"_self\"\n\t\t\t>\n\t\tLink to event\t<\/a>\n<\/div>\n\n\n<div  class=\"tribe-block tribe-block__organizer__details tribe-clearfix\" >\n\t<div class=\"tribe-block__organizer__title\">\n\t\t<h3><a href=\"https:\/\/ccdhhn.ca\/fr\/organisateur\/\" title=\"UBC Library Research Commons\" target=\"_self\" rel=\"\">UBC Library Research Commons<\/a><\/h3>\n\t<\/div>\n\t\t\t\t<p class=\"tribe-block__organizer__website\"><a href=\"https:\/\/researchcommons.library.ubc.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">View Organisateur Website<\/a><\/p>\n\t\t<\/div>\n\n\n\t<div  class=\"tribe-block tribe-block__events-link\" >\n\t\t<div class=\"tribe-events tribe-common\">\n\t\t\t<div class=\"tribe-events-c-subscribe-dropdown__container\">\n\t\t\t\t<div class=\"tribe-events-c-subscribe-dropdown\">\n\t\t\t\t\t<div class=\"tribe-common-c-btn-border tribe-events-c-subscribe-dropdown__button\">\n\t\t\t\t\t\t<svg\n\t class=\"tribe-common-c-svgicon tribe-common-c-svgicon--cal-export tribe-events-c-subscribe-dropdown__export-icon\" \taria-hidden=\"true\"\n\tviewBox=\"0 0 23 17\"\n\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M.128.896V16.13c0 .211.145.383.323.383h15.354c.179 0 .323-.172.323-.383V.896c0-.212-.144-.383-.323-.383H.451C.273.513.128.684.128.896Zm16 6.742h-.901V4.679H1.009v10.729h14.218v-3.336h.901V7.638ZM1.01 1.614h14.218v2.058H1.009V1.614Z\" \/>\n\t<path d=\"M20.5 9.846H8.312M18.524 6.953l2.89 2.909-2.855 2.855\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"tribe-events-c-subscribe-dropdown__button-text\"\n\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\taria-controls=\"tribe-events-subscribe-dropdown-content\"\n\t\t\t\t\t\t\taria-label=\"View links to add events to your calendar\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tAjouter au calendrier\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<svg\n\t class=\"tribe-common-c-svgicon tribe-common-c-svgicon--caret-down tribe-events-c-subscribe-dropdown__button-icon\" \taria-hidden=\"true\"\n\tviewBox=\"0 0 10 7\"\n\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.008.609L5 4.6 8.992.61l.958.958L5 6.517.05 1.566l.958-.958z\" class=\"tribe-common-c-svgicon__svg-fill\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"tribe-events-subscribe-dropdown-content\" class=\"tribe-events-c-subscribe-dropdown__content\">\n\t\t\t\t\t\t<ul class=\"tribe-events-c-subscribe-dropdown__list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--gcal\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"https:\/\/www.google.com\/calendar\/event?action=TEMPLATE&#038;dates=20260330T000000\/20260330T235959&#038;text=Webmapping&#038;details=%3Cfigure+class%3D%22wp-block-image+size-full%22%3E%3Cimg+src%3D%22https%3A%2F%2Fccdhhn.ca%2Fwp-content%2Fuploads%2F2024%2F03%2Fubc-library-rc-logo-square.png%22+alt%3D%22square+logo+with+white+text+on+dark+blue%3A+UBC+%28University+of+British+Columbia%29%3B+below%2C+with+white+text+on+lighter+blue%3A+Library+Research+Commons%22+class%3D%22wp-image-2274%22%2F%3E%3C%2Ffigure%3E%3Cp%3EThis+workshop+will+first+give+an+introduction+to+web+maps%2C+including+the+differences+between+digital+maps+and+web+maps%2C+their+structure%2C+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+using+Leaflet.js.%3Cbr+%2F%3E%26nbsp%3B%3Cbr+%2F%3EIntro+to+Web+Maps%3C%2Fp%3E+%3Cul+class%3D%22wp-block-list%22%3E%3Cli%3EWhy+web+maps%3F%3C%2Fli%3E%3Cli%3EWeb+map+vs+digital+map%3C%2Fli%3E%3Cli%3EMap+tiles%3C%2Fli%3E%3Cli%3EGeoJSON%3C%2Fli%3E%3Cli%3EStructure+of+a+web+map%3C%2Fli%3E%3C%2Ful%3E%3Cp%3EHands+on+with+Leaflet.js%3C%2Fp%3E+%3Cul+class%3D%22wp-block-list%22%3E%3Cli%3EIntro+to+using+your+source+code+editor%3C%2Fli%3E%3Cli%3EExamine+the+map+%E2%80%9Cboilerplate%E2%80%9D%3C%2Fli%3E%3Cli%3EConfigure+the+load+lo%3C%2Fli%3E%3C%2Ful%3E+%28View+Full+%C3%A9v%C3%A8nement+Description+Here%3A+https%3A%2F%2Fccdhhn.ca%2Ffr%2Fworkshop%2Fwebmapping%2F%29&#038;trp=false&#038;ctz=America\/Halifax&#038;sprop=website:https:\/\/ccdhhn.ca\/fr\/\"\n\t\t\t\t\t\t\t\t\t\tclass=\"tribe-events-c-subscribe-dropdown__list-item-link\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer nofollow noindex\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tGoogle Agenda\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--ical\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"\"\n\t\t\t\t\t\t\t\t\t\tclass=\"tribe-events-c-subscribe-dropdown__list-item-link\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer nofollow noindex\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tiCalendar\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-365\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"\"\n\t\t\t\t\t\t\t\t\t\tclass=\"tribe-events-c-subscribe-dropdown__list-item-link\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer nofollow noindex\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tOutlook 365\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tribe-events-c-subscribe-dropdown__list-item tribe-events-c-subscribe-dropdown__list-item--outlook-live\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref=\"\"\n\t\t\t\t\t\t\t\t\t\tclass=\"tribe-events-c-subscribe-dropdown__list-item-link\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer nofollow noindex\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tOutlook Live\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2274,"template":"","meta":{"_tec_requires_first_save":false,"_EventAllDay":true,"_EventTimezone":"America\/Halifax","_EventStartDate":"2026-03-30 00:00:00","_EventEndDate":"2026-03-30 23:59:59","_EventStartDateUTC":"2026-03-30 03:00:00","_EventEndDateUTC":"2026-03-31 02:59:59","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"https:\/\/libcal.library.ubc.ca\/event\/3973780","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"$","_EventCurrencyCode":"CAD","_EventCurrencyPosition":"prefix","_EventDateTimeSeparator":" @ ","_EventTimeRangeSeparator":" - ","_EventOrganizerID":[2273],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_tribe_blocks_recurrence_rules":"","_tribe_blocks_recurrence_description":"","_tribe_blocks_recurrence_exclusions":"","_ecp_custom_2":"English","_ecp_custom_3":"virtual\/virtuel","_tribe_events_status":"","_tribe_events_status_reason":"","_tribe_events_is_hybrid":"","_tribe_events_is_virtual":"","_tribe_events_virtual_video_source":"","_tribe_events_virtual_embed_video":"","_tribe_events_virtual_linked_button_text":"","_tribe_events_virtual_linked_button":"","_tribe_events_virtual_show_embed_at":"","_tribe_events_virtual_show_embed_to":[],"_tribe_events_virtual_show_on_event":"","_tribe_events_virtual_show_on_views":"","_tribe_events_virtual_url":"","footnotes":""},"tags":[],"tribe_events_cat":[3],"class_list":["post-4062","tribe_events","type-tribe_events","status-publish","has-post-thumbnail","hentry","tribe_events_cat-1-4-hour-workshop","cat_1-4-hour-workshop"],"_links":{"self":[{"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tribe_events\/4062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tribe_events"}],"about":[{"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/types\/tribe_events"}],"author":[{"embeddable":true,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":1,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tribe_events\/4062\/revisions"}],"predecessor-version":[{"id":4064,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tribe_events\/4062\/revisions\/4064"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/media\/2274"}],"wp:attachment":[{"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/media?parent=4062"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tags?post=4062"},{"taxonomy":"tribe_events_cat","embeddable":true,"href":"https:\/\/ccdhhn.ca\/fr\/wp-json\/wp\/v2\/tribe_events_cat?post=4062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}