openseadragon:无法[对象对象]：在

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时，当我在查看器中接收错误时，图像就会按预期打开。

无法打开对象对象:在https://api.digitale-sammlungen.de/iiif/presentation/v2/bsb10200197/canvas/1/view加载图像时出错

有人能告诉我我做错了什么吗？

祝你一切顺利，并提前感谢

Answer 1

你想利用这里的IIIF资源吗？如果是这样的话，您将需要使用IIIF图像信息 url作为tileSource，而不是画布。我也会删除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>