This map application uses OpenLayers v 3.5, and GE0JSON sets of points and lines to form a geographical interface for the tours of Henrietta Liston, 1796-1801.
There are Help Notes about the map application, explaining its basic use.
All the map specific Javascript is in the liston-map.js file.
The left-hand map panel allows a set of modern background maps to be displayed, and the lines and points of each tour. The right-hand map panel shows three georeferenced historical maps from the 1790s, which display at different zoom levels. These maps were generated using MapTiler.
The map application allows searching by a 'Search Places Visited' button, bringing up a gazetteer of places (presented using Bootstrap Nav Tabs). Selecting a place initiates a zoomMap(x,y) function which closes the gazetteer div, zooms to the selected place on the map, and selects it. It is also possible to search directly by zooming in on the map.
Some of the functionality of the dual-map viewer, including the cross-hair slave pointer, is taken from the National Library of Scotland Side-by-Side viewer.
The lines and points of each tour, appearing as coloured overlays on the left map panel, are generated from GEOJSON files. These have been styled to change their display at different zoom levels.
When points are selected, eg. Bladensburg they are styled to appear in orange, the details of the place and link to its appearance in the Liston Journals are shown to the upper right.
The URL of the application changes dynamically to show the particular zoom level and centre of the map, as well as if a place or tours is selected. You can save this specific URL to return to a specific map view or selected place.
View a more complete working version of the application on the National Library of Scotland website.