在openlayers中拖动光标3

时间:2015-05-03 23:10:36

标签: openlayers-3

当用户拖动地图时,更改光标的正确方法是什么。下面的示例并不是那么好,因为它仅在pointerdrag启动拖动时触发,然后在125ms没有事件后将其更改回来。还有其他办法吗?

    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); 
    });

1 个答案:

答案 0 :(得分:2)

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/