Canadian Historical GIS Partnership repository for Lost Rivers of Toronto project.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
leaflet-storymap-github Add files via upload Oct 9, 2017 Update Oct 9, 2017


Canadian Historical GIS Partnership repository for Lost Rivers of Toronto project.

The Canadian Historical GIS Partnership Development project is developing web-mapping pilot projects for several collaborating organizations, using a variety of data sets. For more information see project website at
This repository holds code for the Open Source versions of the pilot projects for the Lost Rivers of Toronto organization, for more information see their website at
The first web-mapping pilot project is the Disappearing Rivers of Toronto. This map uses a time-line slider to display changes in the river network of Toronto over time as streams were buried between 1802 and 1950, to make way for the course of urban development. This web-map was developed using Leaflet and the Time slider was adapted from the generic jQueryUI slider: by using the Leaflet geojson filter option: GeoJSON files were generated for the overlay of rivers, and Boundless/Geoserver was used to serve base mapping.
The second web-mapping pilot project is a series of maps depicting three of the walking tours conducted by Lost Rivers of Toronto along the routes of buried river courses, in the Ashbridge's Bay area of Toronto. These web-maps were developed using Leaflet, adapting the leaflet-storymap template mounted on github by Jack Dougherty

The project web-maps can be seen here:
The code is available in the repository:

For convenience, the code for different features developed for this project is also broken out into "template" files, also included in the repository:
Layer Filter Slider: Code used to filter a .GeoJSON layer using a jQuery slider (Template_FilterSlider.html)
Opacity Slider: Code used to change opacity of raster layers generated by Qtiles (Template_OpacitySlider.html)
Story Map: Basic story template code using one GeoJSON point layer to display point locations on map and attribute contents in scrollable side panel (Template_Storymap.html)

Documents outlining the development of the files can be found on the project website: