经纬志
首页 / OpenLayers / 使用示例

IIIF 图像

把扫描件的像素范围对齐到地图坐标,放大到能看清竖排文字与朱印。

OpenLayers 10.3.1 · 对应官方 iiif.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

IIIF 图像 API 按区域与尺寸取图,适合古籍、地图扫描件。示例用 ImageStatic 承载一张页面内生成的扫描件,把经纬度范围与像素尺寸对应起来。

官方示例指向远端 IIIF 服务,这里改为本地图像源,imageExtent、interpolate 与 view.fit 的用法完全一致。

操作结果
适合窗口整幅扫描件铺满视口
放大观察竖排文字与朱印可辨
双击地图默认双击缩放继续放大

扫描件要用 interpolate: true,否则放大后会出现明显的马赛克方块。