`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

全屏拖拽旋转缩放

一次拖拽同时完成旋转与缩放,配合全屏控件做沉浸式查看。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.interaction.DragRotateAndZoom 把水平拖拽映射为旋转、 垂直拖拽映射为缩放。它与 DragPan 抢同一个手势, 示例先移除默认平移,再把该交互加入地图。

全屏控件仍然使用工作区作为 source, 进入全屏后拖拽区域变大,旋转与缩放的手感更稳定。

操作结果
左右拖拽视图按水平位移旋转
上下拖拽视图放大或缩小
点「全屏」后操作全屏下继续旋转缩放,退出后状态保留

DragRotateAndZoom 与 DragPan 互斥;两个都留着时通常是平先生效,旋转手势会被吞掉。

`r`n
`r`n