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

带概览层的影像

概览层常驻,全分辨率层在缩放到位后接入,形成先粗后细的加载顺序。

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

说明

概览层常驻,全分辨率层只在分辨率小于 120 m/px 时出现,两者用同一范围叠放,形成先粗后细的加载顺序。

勾选「锁定为概览层」会隐藏全分辨率层,用来确认概览图本身是否对齐;两层都来自页面内生成的 canvas,不依赖外部影像服务。

操作结果
缩放到城市级只看到 256px 概览
放大到街区1024px 全分辨率覆盖
锁定概览强制只显示低分辨率

概览层不要设过高的不透明度,否则全分辨率层加载完成前会出现明显的色差跳变。