如何禁用Google Maps API中方向键平移地图的功能

这个需求很常见，要保留鼠标拖拽地图的功能，同时让方向键完全服务于你的列表控制，有两种实用方案可以选择：

方案一：精准禁用方向键（保留其他地图键盘快捷键） #

如果你还想保留地图的其他键盘操作（比如用+/-缩放地图），可以通过监听地图的键盘事件，拦截方向键的默认行为：

// 假设你的地图实例已经初始化完成，变量名为map
google.maps.event.addListener(map, 'keydown', function(event) {
    // 匹配所有方向键的key值（语义化写法，兼容现代浏览器）
    const arrowKeyList = ['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'];
    if (arrowKeyList.includes(event.key)) {
        // 阻止地图执行默认的平移操作
        event.preventDefault();
        // 这里事件会继续冒泡到页面，你的列表控制逻辑可以正常捕获方向键
    }
});

这个方法的核心是：当地图获得焦点（比如用户点击过地图）时，方向键事件会先被地图监听到，我们直接阻止它的默认平移行为，同时让事件继续传递给你页面上的列表控制逻辑，完全不影响你的其他功能。

方案二：禁用所有地图键盘快捷键（简单粗暴） #

如果你不需要地图的任何键盘操作（包括缩放等），可以在初始化地图时直接关闭键盘快捷键功能：

const map = new google.maps.Map(document.getElementById('your-map-container'), {
    center: { lat: 你的纬度, lng: 你的经度 },
    zoom: 初始缩放级别,
    keyboardShortcuts: false // 禁用所有地图键盘交互
});

这种方法一步到位，设置后地图完全不会响应任何键盘操作，方向键自然不会触发平移，鼠标拖拽功能不受任何影响。

两种方案都能满足你的核心需求，根据自己是否需要保留其他地图键盘功能来选就好~

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