如何禁用Leaflet地图的鼠标、触摸及键盘箭头键平移功能？

要让Leaflet地图彻底变成静态图片效果，除了禁用鼠标拖拽，还需要针对性关闭键盘控制以及确保触摸操作也被完全限制，具体方案如下：

核心解决方案 #

你已经通过map.dragging.disable()禁用了鼠标和触摸拖拽，但键盘控制是Leaflet的独立交互模块，需要单独关闭：

// 禁用键盘对地图的所有控制（包括箭头键平移、缩放键等）
map.keyboard.disable();

这行代码会直接关闭Leaflet的键盘交互功能，即使通过Tab键聚焦地图容器，按下箭头键也不会触发平移了。

完整的静态地图配置 #

如果需要地图完全无任何交互（彻底模拟静态图片），可以把所有可能的交互模块都禁用，完整代码示例：

// 初始化地图
const map = L.map('map').setView([51.505, -0.09], 13);

// 添加基础瓦片图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '© OpenStreetMap contributors'
}).addTo(map);

// 禁用鼠标/触摸拖拽平移
map.dragging.disable();

// 禁用键盘控制
map.keyboard.disable();

// 禁用滚轮缩放
map.scrollWheelZoom.disable();

// 禁用双击缩放
map.doubleClickZoom.disable();

// 禁用触摸缩放
map.touchZoom.disable();

// 禁用框选缩放
map.boxZoom.disable();

// 禁用移动设备的点击缩放（tap事件）
map.tap.disable();

关键说明 #

• map.keyboard.disable()是解决你当前键盘平移问题的核心，它会阻止所有键盘事件对地图的影响；
• map.dragging.disable()已经同时覆盖了鼠标拖拽和触摸拖拽平移，无需额外单独处理触摸平移；
• 如果你之后需要恢复某一项交互，只需调用对应的enable()方法即可，比如map.keyboard.enable()。

内容的提问来源于stack exchange，提问作者JAT86