Leaflet is the leading open-source JavaScript library for creating mobile-friendly maps to share online. Join us in this Data Bytes session as we cover the basics of Leaflet and how to get started making beautiful, interactive online maps.
Website: dataservices.library.jhu.edu/
Contact us: dataservices@jhu.edu
JHU Data Services, part of the Johns Hopkins University Sheridan Libraries, helps the JHU community find, use, visualize, manage, and share data. We offer live webinars and self-paced online trainings on computational research and coding, GIS, data management, data visualization, and more. See all of our training topics on our website.
This repository contains materials for one of our Data Bytes webinars, which is open to JHU students, faculty, and staff. Please contact us with any questions.
As of March 2020, Data Services workshops are being held virtually on Zoom. This webinar is recorded and will be made available on Panopto.
There are no pre-class instructions for this 1-hour workshop. If you are interested in following along the demonstration portion, we recommend cloning and/or downloading a copy of this repository to your own computer. Please prepare to have an IDE or text editor (such as VScode, Sublime Text, Atom, notepad) ready to use to view and edit html files.
- In-ClassScripts: This folder contains code files you will need for the workshop:
- base.html: this is a base html file with the sections that are required to create a new leaflet map defined, but unfilled
- demo_map01.html: a basic leaflet map.
- demo_map02.html: contains modified html and css to change the layout of the map shown in demo 1
- demo_map03.html: modifies demo map 2 by demonstraing how to add different basemaps from various sources
- demo_map04.html: consolidates basemaps layers into a group
- demo_map05.html: adds points to the map.
- PresentationMaterials: This folder contains PowerPoint slides and other presentation materials used in the workshop
- Resources: This folder contains a markdown file with a list of resources for learning Leaflet.
If you have taken the live webinar for this class, please take this survey: Data Bytes Survey
The presentation materials are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License (CC BY-NC-SA 4.0), attributable to Data Services, Johns Hopkins University.
See LICENSE file for additional code licensing and re-use information.
The images, external resources, and cheatsheets linked in this repository may have other licenses and terms of use.
Please cite this material as:
Johns Hopkins University Data Services. October 17, 2022. Data Bytes: Introduction to Leaflet. https://github.com/jhu-data-services/data-bytes-intro-to-leaflet.