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

切换交互开关

六个复选框分别控制平移、缩放、旋转、双击、框选和键盘,随时开关。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

每个交互都对应 map 上的一个 handler 实例,名字与复选框的 data-h 一致,调用 enable / disable 即可。

关掉后对应的手势完全不响应,但程序化的 jumpTo、easeTo 仍然有效。

配置取值说明
dragPan拖拽平移handler 实例
scrollZoom滚轮缩放handler 实例
boxZoomShift 框选handler 实例

在移动端关掉 dragPan 会导致页面滚动与地图手势冲突,必要时配合容器的 touch-action 一起处理。