首页 / OpenLayers / 使用示例
鹰眼图
缩略图里画出当前视野框,点一下就能跳过去。
源码与运行效果
说明
ol.control.OverviewMap 是内置控件,自带缩略图与视野框,点击缩略图可跳转,和默认控件一起用 extend 挂上。
示例在右下角加鹰眼,collapsed: false 默认展开,勾选框切换折叠状态。鹰眼倍数通过内层视图的缩放级别调整,改完调用 renderSync 立即重绘。
要点
- 鹰眼里的图层要单独给,和主图不同源也可以。
collapsible决定能否折叠。- 倍数换算用
log2,4 倍即主图级别减 2。
主图图层多时鹰眼只放底图,缩略图更清爽。