An Annotorious plugin for annotating maps
npm install @recogito/annotorious-map-annotationA helper plugin for using Annotorious with maps and geo-referenced images. After the
plugin is installed, annotation shapes will use geographic coordinates (latitude, longitude)
rather than image pixel coordinates.
This plugin currently works with Annotorious OpenSeadragon
and WMTS maps __only__.
The plugin depends on:
- OpenSeadragon
- Annotorious OpenSeadragon
- OpenSeadragon WTMS plugin
npm install @recogito/annotorious-map-annotationor
``html`
`js
// OpenSeadragon viewer
var viewer = OpenSeadragon({
id: "openseadragon",
prefixUrl: "openseadragon/images/"
});
// OpenSeadragon WMTS plugin
var map = await OpenSeadragon.WMTS(viewer, {
url: 'http://maps.wien.gv.at/wmts/1.0.0/WMTSCapabilities.xml'
});
// Initialize Annotorious
var anno = OpenSeadragon.Annotorious(viewer);
// Add the map annotation plugin
Annotorious.MapAnnotation(anno, map);
``