Overview

0.1 Description

In this workshop, attendees will be introduced to building an interactive web map to display spatial data using the Leaflet javascript library.

0.2 Learning Objectives

In this workshop, attendees will learn

  • Introductory HTML skills, in particular, the tags that are most commonly used to format text on a webpage
  • How to load javascript libraries into a web page
  • An introduction to the Leaflet javascript library
  • Where to get additional help with HTML and Leaflet
  • Best practices for communicating data distributions with a web map

0.3 Skills

In this workshop, participants will be introduced to the following skills:

  • HTML
  • Javascript
  • Leaflet Javascript Library

0.4 Prerequisites

Learners should have a basic understanding of spatial data formats such as vector and raster data, as well as experience with any coding language. Learners with previous experience with coding in HTML and javascript will have an easier time learning, but these skills are not required. Learners should also be able to find, move, and manage files on their computer operating system.

0.5 Software & Tools

This workshop requires that the learn has installed and has access to the following software:

  • Text editor, preferably with syntax highlighting. Options include Atom for all operating systems or Notepad++ for Windows.
  • Web browser, such as Chrome, Firefox, Edge, or Safari (just not Internet Explorer).