当用户拖动地图时,更改光标的正确方法是什么。下面的示例并不是那么好,因为它仅在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);
});
答案 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";
});