首页 / OpenLayers / 使用示例
双指平移与滚动
普通拖动不再平移地图,避免在页面滚动区域里误触;双指拖动或按住 Ctrl / ⌘ 才操作地图。
源码与运行效果
说明
默认的 DragPan 与 MouseWheelZoom 被移除后重新加入,条件函数分别改为“指针数为 2 或按住平台修饰键”和“按住平台修饰键”。ol.events.condition.platformModifierKeyOnly 在 macOS 上识别 ⌘,其余平台识别 Ctrl。
| 操作 | 结果 |
|---|---|
| 单指或鼠标拖动 | 地图不动,页面滚动不受影响 |
| 双指拖动 | 地图平移,触屏与触控板都适用 |
| 按住 Ctrl / ⌘ 滚轮 | 地图缩放,松开修饰键后恢复页面滚动 |
把地图嵌进长页面时常用这套组合;如果页面本身不滚动,可以只保留默认交互。