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

双指平移与滚动

普通拖动不再平移地图,避免在页面滚动区域里误触;双指拖动或按住 Ctrl / ⌘ 才操作地图。

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

说明

默认的 DragPan 与 MouseWheelZoom 被移除后重新加入,条件函数分别改为“指针数为 2 或按住平台修饰键”和“按住平台修饰键”。ol.events.condition.platformModifierKeyOnly 在 macOS 上识别 ⌘,其余平台识别 Ctrl。

操作结果
单指或鼠标拖动地图不动,页面滚动不受影响
双指拖动地图平移,触屏与触控板都适用
按住 Ctrl / ⌘ 滚轮地图缩放,松开修饰键后恢复页面滚动

把地图嵌进长页面时常用这套组合;如果页面本身不滚动,可以只保留默认交互。