首页 / OpenLayers / 使用示例
`r`n 全屏拖拽旋转缩放
一次拖拽同时完成旋转与缩放,配合全屏控件做沉浸式查看。
`r`n
源码与运行效果
说明
ol.interaction.DragRotateAndZoom 把水平拖拽映射为旋转、
垂直拖拽映射为缩放。它与 DragPan 抢同一个手势,
示例先移除默认平移,再把该交互加入地图。
全屏控件仍然使用工作区作为 source,
进入全屏后拖拽区域变大,旋转与缩放的手感更稳定。
| 操作 | 结果 |
|---|---|
| 左右拖拽 | 视图按水平位移旋转 |
| 上下拖拽 | 视图放大或缩小 |
| 点「全屏」后操作 | 全屏下继续旋转缩放,退出后状态保留 |
DragRotateAndZoom 与 DragPan 互斥;两个都留着时通常是平先生效,旋转手势会被吞掉。