This example uses the Leaflet plugin Icon Layers.
The images being shown are multispectral versions of the Martellus map from Yale.
Using a Leaflet-IIIF and a IIIF Presentation API manifest, we can provide an attractive interface for viewing these images. One nice feature here is that the interface stays at the same place on each image change. This allows a researcher to inspect multiple parts of the map using varying multispectral images.
A few things to note about this visualization:
Selecting a subset of images in the manifest
// Only show certain images
if (showImages.indexOf(i + 1) === -1) {
return true;
}
Creates each of the icons
iconLayers.push({
title: value.label,
layer: tileLayer,
icon: value.images[0].resource['@id'].replace(
'full/full/0/default.jpg',
'full/1024,/0/default.jpg'
)
});
Special thanks to Chet Van Duzer for help making this visualization possible. Additional thanks to the Beinecke Rare Book & Manuscript Library for providing these images. And last but not least, thanks to Ben Albritton for his work in accessioning the content and serving the images via IIIF.