open-index/open-npm huggingface dataset:
npm package: @mboultoureau/annotorious-map-annotation
Description: An Annotorious plugin for annotating maps
Author: Rainer Simon
Latest version: 0.3.3

# Annotorious Map Annotation

A 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](https://github.com/mboultoureau/annotorious-openseadragon)
and WMTS maps __only__.

The plugin depends on:
- [OpenSeadragon](https://openseadragon.github.io/)
- [Annotorious OpenSeadragon](https://github.com/mboultoureau/annotorious-openseadragon)
- [OpenSeadragon WTMS plugin](https://github.com/mboultoureau/openseadragon-wmts)

## Installing
`npm install @recogito/annotorious-map-annotation`

or 

```html
<script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-map-annotation@latest/dist/annotorious-map-annotation.js"></script>
```

## Using

```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);
```
npm package: @mboultoureau/annotorious-sequence-mode
Description: Adds support for annotation pagination in OpenSeadragon sequence mode.
Latest version: 0.1.0

# Annotorious Sequence Mode Plugin

A helper to simplify the use of Annotorious with OpenSeadragon Sequence Mode.

Contributed by [Umesh Timalsina](https://github.com/umesh-timalsina).

## Run in development mode

```sh
$ npm install
$ npm start
```

## Build from source

```sh
$ npm run build
```
npm package: @mboultoureau/annotorious-shape-labels
Description: Shape label plugin for Annotorious and Annotorious OpenSeadragon
Author: Rainer Simon
Latest version: 0.2.4

# Annotorious Shape Labels

A plugin for Annotorious and Annotorious OpenSeadragon that adds a the first tag as a label
to the  annotation shape.

![Example screenshot](https://raw.githubusercontent.com/recogito/annotorious-v2-plugins-demo/main/plugins/annotorious-shape-labels/screenshot.jpg)

## Install

Download the [latest minified release](https://github.com/mboultoureau/annotorious-v2-plugins-demo/blob/main/plugins/annotorious-shape-labels/dist/annotorious-shape-labels.min.js) or include directly via CDN.

```html
<script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-shape-labels@latest/dist/annotorious-shape-labels.min.js"></script>
```

Import via npm:

```sh
npm install @recogito/annotorious-shape-labels
```

## Use

```html
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@recogito/annotorious@latest/dist/annotorious.min.css">
    <script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious@latest/dist/annotorious.min.js"></script>
    <script src="annotorious-shape-labels.min.js"></script>
  </head>
  <body>
    <img id="hallstatt" src="640px-Hallstatt.jpg" />

    <script type="text/javascript">
      (function() {
        var anno = Annotorious.init({
          image: 'hallstatt',

          // Add the formatter provided by the plugin
          formatter: Annotorious.ShapeLabelsFormatter()
        });
      })();
    </script>
  </body>
</html>
```

## CSS Styling

The label is inserted into the SVG annotation group as a `foreignObject` element. In addition, 
the plugin adds the first tag as an extra CSS class to the annotation shape.

To apply your own CSS styles, follow this structure:

```svg
<g class="a9s-annotation FirstTagValue">

  <!-- annotation shapes -->
  
  <svg class="a9s-formatter-el">
    <foreignObject>
      <div xmlns="http://www.w3.org/1999/xhtml" class="a9s-shape-label">
        FirstTagValue
      </div>
    </foreignObject>
  </svg>
</g>
```