首页 / OpenLayers / 使用示例
矩形缩放
拉一个矩形框，视图直接放大到框内范围；DragZoom 把拉框动作与缩放动画封装在一起。
源码与运行效果
说明
ol.interaction.DragZoom 的 condition 决定触发修饰键，
示例使用 altKeyOnly，同时关闭内置的 Shift 拉框缩放以免冲突。
duration 控制缩放动画时长，out 为真时则反向缩小。
层级与分辨率由 view.getZoom() 与 view.getResolution() 读取。
| 操作 | 结果 |
|---|---|
| Alt + 拖动拉框 | 视图放大到框选范围 |
| 框尽量画小 | 放大层级更高，分辨率数值下降 |
| 点击「恢复初始视图」 | 回到起始中心与层级 |
矩形过小会放大到最大层级，配合 view 的 maxZoom 限位避免瓦片被过度拉伸。