Project Background: Built in collaboration with Mapping Specialists Ltd. in 2013, this “shell” is designed as a mapping template for rapid production of interactive education maps. With its built-in features, such as animated layers and timelines, the shell can be configured to present various featured maps (typically pre-existing print map/textbook products). Application was designed so that configuration can be completed by cartographic staff without code.
My Role: Application design, development, and coding.
Example Link (other maps exist behind paywall/CMS): https://www.mappingspecialists.com/samples/2015_Normandy/
Stack: HTML, .css, .js (leaflet.js, jQuery), Adobe Illustrator, MAPublisher, QGIS
Features:
![Shell Main View](/wp-content/uploads/2020/01/MSL_SHELL_Desktop_1.jpg)
Main view – Explore feature map with layer toggles and conventional pan and zoom interactivity. Map design is identical to accompanying text book.
![Example of animated features](/wp-content/uploads/2020/01/MSL_SHELL_Desktop_Animation.gif)
Animations – Play and scrub animated points, lines, and polygons.
![Watch embedded videos](/wp-content/uploads/2020/01/MSL_SHELL_Desktop_Embedded_Videos.jpg)
Embedded Videos – Click on a feature to watch a video popup.
![Edit and draw on map](/wp-content/uploads/2020/01/MSL_SHELL_Desktop_Edit_Draw.gif)
Edit and draw on map – Use the pencil tool and measure tool to mark-up the map.
![Print custom view](/wp-content/uploads/2020/01/MSL_SHELL_Desktop_Print_View-1.jpg)
Print custom view – Use browser printing to print/save your custom view.
![popup example](/wp-content/uploads/2013/01/MSL_SHELL_Desktop_Popup_Images.jpg)
Popups with media content – Click on a point, poly, or line feature for additional information.