Image
BayGeo's Web Mapping With JavaScript
Acquire, create, and process geospatial data and then publish data as interactive maps using open-source Javascript tools.
Web mapping with JavaScript involves using JavaScript libraries and tools to create, display, and interact with maps on web platforms.
In this certificate, students will learn how to acquire, create, and process geospatial data, then publish those data as interactive maps using cutting-edge JavaScript tools and web-based services. Key topics include Mapbox GL JS, Mapbox services, GeoJSON, TurfJS, and deploying web maps with GitHub.
This hands-on certificate certificate empowers students to develop and publish custom web maps and perform geospatial processing using modern JavaScript approaches and tools. Students will walk away from the class having published a custom map to the web similar to this one.
Learning Outcomes
By the end of the certificate, students will be able to:
- Acquire and process geospatial data
- Develop interactive web maps
- Deploy web maps using GitHub
- Apply modern JavaScript techniques
Lesson Plan
-
- Setup a development environment with VSCode and Node.js
- Create a repository for managing code in GitHub
- Walkthrough basic JS code for creating a Mapbox GL JS map
- Run a development server
- Create a basemap in Mapbox
-
- Add custom data to a map using Mapbox GL JS
- Style data in Mapbox GL JS based on attributes
- Use Turf.js to geoprocess data and create new datasets
- Introduction to Mapbox GL JS expressions for complex styling
-
- Add header, attribution, and legend to a map UI
- Add click & hover interactivity to data in Mapbox GL JS
- Create data popups in Mapbox GL JS
- Publish your completed map to the web using GitHub Pages
Software
Students are encouraged to have some basic JavaScript or programming knowledge. Students can bring any kind of modern laptop with Windows or MacOS. No special software is needed prior; we will install all the dependencies that students need in the course of the workshop.
Details
Location: In person / online
Instructor: Rob Gaston
Continuing Education Units: 1
Cost: $500 ($300 for BayGeo members, USF students or alumni)
| Date | Time | Location |
|---|---|---|
| Saturday, October 12th | 9 a.m. - 1 p.m. | Class meets on Zoom |
| Saturday, October 19th | 9 a.m. - 1 p.m. | Class meets on Zoom |
| Saturday, October 26th | 9 a.m. - 1 p.m. | Class meets on Zoom |
Your Instructor
Instructor Rob Gaston is our super-friendly and energetic instructor who also happens to be the Senior Web Developer at Farallon Geographics Inc. in San Francisco. A true JavaScript whiz with extensive experience, Rob has a long history of working with JavaScript and has been actively involved with BayGeo, contributing to various geospatial projects and initiatives. His deep knowledge and practical expertise in geospatial data processing and web map development make him an excellent guide for this hands-on certificate course. Rob’s guidance will ensure that students walk away with the skills needed to publish custom maps to the web, leveraging modern JavaScript tools and techniques.
The University of San Francisco Geospatial Analysis Lab and BayGeo’s GIS Education Center, a geospatial non-profit organization in the San Francisco Bay Area, have designed a geospatial certificate program to offer a skill-based curriculum that addresses the industry's latest technologies.
Take the Next Step
Whether you're a professional seeking to enhance your GIS expertise or a beginner eager to explore the field, you'll gain hands-on experience and invaluable insights to stay ahead in the dynamic geospatial landscape.