openseadragon：无法 [Object object]：加载图像时出错

Question

我在使用 Openseadragon 时遇到了一些问题：这是我给观众的代码：

    <div id="viewer"></div>
 <script>
     var viewer = OpenSeadragon({
       preserveViewport: true,
       visibilityRatio: 1,
       defaultZoomLevel: 0,
       id: "viewer",
       sequenceMode: true,
       tileSources:  {
            type:'image',
            url:"https://api.digitale-sammlungen.de/iiif/presentation/v2/bsb10200197/canvas/1/view"},
       showFullPageControl: false,
       showHomeControl: false,
       prefixUrl: "https://cdn.jsdelivr.net/npm/openseadragon@2.4/build/openseadragon/images/"
     });
 </script>

如您所见，我有一个来自德国巴伐利亚国家图书馆的 tileSource。每当我直接在浏览器中访问 url 时，图像都会按预期打开，但是，当我在查看器中收到错误消息时

Unable to open [object Object]: Error loading image at https://api.digitale-sammlungen.de/iiif/presentation/v2/bsb10200197/canvas/1/view

谁能告诉我我做错了什么？

祝一切顺利，提前致谢

Answer 1

您要在这里使用 IIIF tilesources 吗？如果是这样，您将需要对 tileSource 使用 IIIF Image Information url 而不是 canvas。我也会删除 type: 'image'.

    <div id="viewer"></div>
 <script>
     var viewer = OpenSeadragon({
       preserveViewport: true,
       visibilityRatio: 1,
       defaultZoomLevel: 0,
       id: "viewer",
       sequenceMode: true,
       tileSources:  {
            url:"https://api.digitale-sammlungen.de/iiif/image/v2/bsb10200197_00001/info.json"},
       showFullPageControl: false,
       showHomeControl: false,
       prefixUrl: "https://cdn.jsdelivr.net/npm/openseadragon@2.4/build/openseadragon/images/"
     });
 </script>

openseadragon：无法 [Object object]：加载图像时出错

openseadragon: unable to [Object object]: Error loading image at

openseadragon

iiif