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

鹰眼图

缩略图里画出当前视野框,点一下就能跳过去。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

ol.control.OverviewMap 是内置控件,自带缩略图与视野框,点击缩略图可跳转,和默认控件一起用 extend 挂上。

示例在右下角加鹰眼,collapsed: false 默认展开,勾选框切换折叠状态。鹰眼倍数通过内层视图的缩放级别调整,改完调用 renderSync 立即重绘。

要点

  • 鹰眼里的图层要单独给,和主图不同源也可以。
  • collapsible 决定能否折叠。
  • 倍数换算用 log2,4 倍即主图级别减 2。

主图图层多时鹰眼只放底图,缩略图更清爽。