在 openlayers 3 中更改拖动光标

Question

用户拖动地图时更改光标的正确方法是什么。下面的示例不是很好，因为它仅在 pointerdrag 开始拖动时触发，然后在 125 毫秒没有事件后将其更改回原样。还有其他办法吗？

    var timer = null;
    this.map().on("pointerdrag",() => {
        this.map().getViewport().style.cursor = "-webkit-grabbing";
        clearTimeout(timer);
        timer = setTimeout(() => this.map().getViewport().style.cursor = "-webkit-grab", 125); 
    });

Answer 1

听pointerup重置光标怎么样？

map.getViewport().style.cursor = "-webkit-grab";
map.on('pointerdrag', function(evt) {
    map.getViewport().style.cursor = "-webkit-grabbing";
});

map.on('pointerup', function(evt) {
    map.getViewport().style.cursor = "-webkit-grab";
});

http://jsfiddle.net/9vwgdcyr/

在 openlayers 3 中更改拖动光标

Changing cursor on drag in openlayers 3

openlayers-3