时间戳

首页 > 解决方案 > 使用键盘拖动 openlayers 5 地图

javascript - 使用键盘拖动 openlayers 5 地图

问题描述

我有一个由这段代码生成的工作地图：

// create the map with the proper center
var map = new ol.Map({
        controls: ol.control.defaults().extend(
            [new ol.control.ScaleLine()]
        ),
        view: new ol.View({
                center: ol.proj.fromLonLat([center.long, center.lat]),
                zoom: zoom
            }),
        layers: [new ol.layer.Tile({
                    source: new ol.source.OSM()
                })],
        target: 'mapdiv'
    }
);

该地图具有缩放按钮和比例线，我可以通过向缩放按钮添加 onclick 事件来使用键盘缩放地图。

我希望能够使用键盘（使用箭头键）拖动地图。所以我正在尝试添加拖动按钮，但我找不到获取它们的方法。我怎样才能添加它们？

或者，还有另一种实现键盘拖动的方法吗？

我对旋转不感兴趣。

标签： javascriptopenlayers-5

解决方案

推荐阅读