How to make the rectangles of the large image appear on the navigation map synchronously

[Whao510]

[pearcetm]

I'm not sure what you're asking here. Is the purple rectangle an annotation of some kind? Are you wanting the annotation to also be visible in the navigator?

[Whao510]

I'm not sure what you're asking here. Is the purple rectangle an annotation of some kind? Are you wanting the annotation to also be visible in the navigator?

Thank you for your quick reply. Yes, that's what I meant

[iangilman]

@Whao510 Ah, good... I see you've filed this here (after emailing me).

Are you creating the purple rectangle as an overlay? If so, you can add it to the navigator. The navigator is actually a second viewer, so you can add an overlay to it using viewer.navigator.addOverlay.

[Whao510]

@iangilman
this.anno.addAnnotation({
"@context": "http://www.w3.org/ns/anno.jsonld",
type: "Annotation",
body: [
{
type: "TextualBody",
value: "1",
purpose: "commenting",
},
],
target: {
source: "http://127.0.0.1:5500/",
selector: {
type: "FragmentSelector",
conformsTo: "http://www.w3.org/TR/media-frags/",
value: "xywh=pixel:46946.08984375,26356.234375,10099,7818.765625",
},
},
id: "#111cabe2e71-b19f-4499-80c6-235882fd50ba",
});
overlay is done through the plugin @recogito/annotorious-openseadragon, I don't know if it applies to the navigator

[iangilman]

Interesting! You might try doing this:

var navAnno = OpenSeadragon.Annotorious(viewer.navigator);

...And then adding the same annotation to navAnno.