Next Steps
This workshop builds from several other resources for web mapping. Here are some great places to start extending your knowledge:
- Web map basics: Anatomy of a Web Map - Alan McConchie and Beth Schechter
- Leaflet basics: Leaflet Quick Start Guide
- Web map functionality examples: Mapbox.js Examples
- GeoJSON: More than you ever wanted to know about GeoJSON - Tom MacWright
If this workshop has inspired you to expand your skills, try making another map on your own using data for a different location. This will clarify where you might have some gaps in understanding. Remember, you can always create your own geoJSON files with free tools like geojson.io.
Keep in mind that not all data will be nicely packaged and cleaned. In fact, it never is. If you proceed to use data that you’ve found on the web, be prepared to spend time preparing your data to be usable with Leaflet and the web.
Adding more elements to your Leaflet web map
You may want to add a legend or title, cluster data, or further style your map. While Leaflet Docs and Leaflet Tutorials document how to do much of this, there is a wealth of documentation online from people tweaking given code to meet their specific needs. So, if you have something specific in mind, we recommend you do an internet search to see what’s out there you could draw inspiration (and often code) from.
For example:
- Customizing icons in Leaflet
- Grouping layers
- Creating heatmaps with Leaflet
- Creating cluster maps with Leaflet, see this example
- Leaflet plugins offer extended functionality, making leaflet hugely customizable. Below are some plugins to give you some idea of the variety of added functionality that comes from the community of developers.
- Adding side panels/menus to a Leaflet web map
- Another side bar example; (see demo here)
- Overlay layers control
- Create a side panel (scroll down to see example)
Research Commons’ Resources
- Guide to project design when telling spatial stories
- Archive of all Research Commons workshops
- Research Commons Events Calender
- Contact UBC Library’s Geospatial team:
library.gis@ubc.ca
- Schedule a 1:1 consult with the geospatial team here
Table of contents
View workshop content in GitHub
Loading last updated date...