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

键盘平移

无鼠标场景下靠方向键浏览地图,KeyboardPan 的 pixelDelta 决定每次按键移动的距离。

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

说明

默认交互里键盘平移只在条件满足时响应,示例关掉内置版本后手动加入一个, condition 使用 ol.events.condition.always, 并把 pixelDelta 提到 160,让每次按键的位移更明显。 关闭内置键盘交互会同时停掉键盘缩放,因此 KeyboardZoom 也一并补回。 顶部的中心坐标随 moveend 更新,方便核对方向。

操作结果
按下方向键地图按固定像素步长平移
按 + / - 键视图放大或缩小一级
查看顶部读数中心经纬度随平移实时变化

键盘交互依赖浏览器焦点,若地图被包裹在表单内,焦点可能先落在输入框,需要主动让容器可获得焦点。