openlayer4设置地图的默认鼠标手势和拖拽鼠标手势

openlayer3版本之后,有较大升级。openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。如果需要设置为像百度、高德之类的鼠标手势,需要自行定制。设置方法很简单,完全通过控制css就可以了。地图默认手势修改:

#map{
      cursor:url(openhand.cur),auto;
    }

地图交互手势修改:

/*鼠标样式设置*/
var target = map.getTarget();
var domTarget = typeof target === "string" ? document.getElementById(target) : target;
domTarget.onmousedown = function(e){
    domTarget.style.cursor = 'url(closedhand.cur),auto';
};
domTarget.onmouseup = function(e){
    domTarget.style.cursor = 'url(openhand.cur),auto';
};

转载自:https://blog.csdn.net/fredricen/article/details/79668853

You may also like...