Making Maps into Webmaps with Leaflet.js

/, Mapping/Making Maps into Webmaps with Leaflet.js
Loading Events
  • This event has passed.

The workshop will introduce participants to one method of turning a map into a Web Map. The primary difference between a static map and a web map (in addition to the fact that one is on the web) is interactivity. We expect webmaps to respond to users by showing popups, highlighting features, or by being able to change layers and information. In this workshop, participants will be introduced to the basics of turning a map into a webmap.
We will be using the Javascript Library, Leaftlet to turn a pre-made static map with multiple layers of information into an interactive map that can be displayed within a webpage.
This workshop will be highly scaffolded so that knowledge of HTML, CSS, and Javascript is not necessary, though familiarity with these languages will be helpful to get the most out of making web maps in this way. However, this workshop will provide a gentle introduction to the power of these languages and one tangible application.
By the end of this workshop, participants will be able to:
* Embed a static map into a web page
* Select tiles for the base map based on their needs
* Make custom markers for data points
* Add interactivity to a map by including tool tips
Participants will get the most out of this workshop by taking ‘Making Maps with QGIS’, but no GIS knowledge is assumed.

Skill Level

None. Familiarity with GIS, HTML, CSS, and Javascript is beneficial.

Equipment Requirements

Skip to toolbar