首页 / OpenLayers / 使用示例
键盘平移
无鼠标场景下靠方向键浏览地图,KeyboardPan 的 pixelDelta 决定每次按键移动的距离。
源码与运行效果
说明
默认交互里键盘平移只在条件满足时响应,示例关掉内置版本后手动加入一个,
condition 使用 ol.events.condition.always,
并把 pixelDelta 提到 160,让每次按键的位移更明显。
关闭内置键盘交互会同时停掉键盘缩放,因此 KeyboardZoom 也一并补回。
顶部的中心坐标随 moveend 更新,方便核对方向。
| 操作 | 结果 |
|---|---|
| 按下方向键 | 地图按固定像素步长平移 |
| 按 + / - 键 | 视图放大或缩小一级 |
| 查看顶部读数 | 中心经纬度随平移实时变化 |
键盘交互依赖浏览器焦点,若地图被包裹在表单内,焦点可能先落在输入框,需要主动让容器可获得焦点。