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

双指缩放

触屏手势由独立交互处理,可以单独取下再挂回。

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

说明

ol.interaction.PinchZoom 处理两指手势,默认交互里已经包含;单独移除再加回自己的实例,便于做开关。

示例默认启用双指缩放,取消勾选即移除交互。桌面端没有手势,用按钮触发同样的 view.animate({zoom}) 观察效果。

要点

  • 默认交互里查已有实例要用 instanceof 判断。
  • 移除后重新 addInteraction 即可恢复。
  • 动画与手势最终都是改视图级别,结果一致。

手势与滚轮共用同一个 View,限制级别只需设 minZoom 与 maxZoom。