openseadragon:无法[对象对象]:在以下位置加载图像时出错

问题描述

我在使用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/[email protected]/build/openseadragon/images/"
     });
 </script>  

如您所见,我有一个来自德国的bayerische Staatsbibliothek的tileSource。 每当我直接在浏览器中访问URL时,图像都会按预期打开,但是,当我在查看器中收到错误消息时

无法打开[object Object]:在https://api.digitale-sammlungen.de/iiif/presentation/v2/bsb10200197/canvas/1/view处加载图片时出错

有人可以告诉我我在做什么错吗?

最好,谢谢!

解决方法

您要在此处使用IIIF tilesources吗?如果是这样,您将需要使用IIIF Image Information网址作为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/[email protected]/build/openseadragon/images/"
     });
 </script>