首页 / OpenLayers / 使用示例
Zoomify 大图
一张 4000×3000 的合成大图按 Zoomify 规则切分，复选框切换 2 倍瓦片。
源码与运行效果
说明
ol.source.Zoomify 按 Zoomify 的瓦片命名规则计算 TileGroup 与行列号，视图分辨率直接采用源提供的层级序列。示例用 setTileUrlFunction() 返回页面内生成的瓦片图片，代替远程图片目录；2 倍版本通过 tilePixelRatio: 2 与更小的 tileSize 获得更高细节。
| 操作 | 结果 |
|---|---|
| 放大到局部 | 大图细节随层级展开，瓦片按 TileGroup 组织 |
| 勾选「2 倍瓦片」 | 图层切换为高分辨率源，文字与线条更细 |
| 缩放到最大层级 | 单个瓦片覆盖的图片范围最小，细节最丰富 |
Zoomify 的层级编号与宽高比相关，非方形图片的最后一层瓦片可能不满；服务端切图工具需按同一规则生成目录。