增加以 IIIF 为源的 OverviewMap 预览大小
Increase OverviewMap preview size with IIIF as a source
我正在使用 OpenLayers 显示来自 IIIF 服务器的图像并添加了 OverviewMap。然而,我偶然发现的问题是 OverviewMap 图像太小了。我想将它设置在整个概览图 window 上(下图中概览图中的蓝色边框,在 CSS 术语中将是背景大小:包含)。
在 OverviewMap docs I did not found any useful parameters. I also checked the Layer 中尝试设置最小缩放和范围,但没有成功。
我创建了一个简单的(有点脏)演示 HERE,它是官方 IIIF demo
和 custom OverviewMap
演示的组合。
感谢任何帮助。谢谢!
计算并设置概览图的最小缩放比例,必须在将概览图添加到主地图后完成,这样您才能获得概览图的大小。
var ovMap = overviewMapControl.getOverviewMap();
var maxRes = ol.extent.getWidth(iiifTileSource.getTileGrid().getExtent()) / ovMap.getSize()[0];
ovMap.getView().setMinZoom(ovMap.getView().getZoomForResolution(maxRes));
我正在使用 OpenLayers 显示来自 IIIF 服务器的图像并添加了 OverviewMap。然而,我偶然发现的问题是 OverviewMap 图像太小了。我想将它设置在整个概览图 window 上(下图中概览图中的蓝色边框,在 CSS 术语中将是背景大小:包含)。
在 OverviewMap docs I did not found any useful parameters. I also checked the Layer 中尝试设置最小缩放和范围,但没有成功。
我创建了一个简单的(有点脏)演示 HERE,它是官方 IIIF demo
和 custom OverviewMap
演示的组合。
感谢任何帮助。谢谢!
计算并设置概览图的最小缩放比例,必须在将概览图添加到主地图后完成,这样您才能获得概览图的大小。
var ovMap = overviewMapControl.getOverviewMap();
var maxRes = ol.extent.getWidth(iiifTileSource.getTileGrid().getExtent()) / ovMap.getSize()[0];
ovMap.getView().setMinZoom(ovMap.getView().getZoomForResolution(maxRes));