Leaflet - 基于鼠标滚动而不是固定级别进行缩放

时间:2016-10-21 13:50:37

标签: javascript scroll leaflet mouseevent

我一直在尝试使用leaflet地图的不同策略来缩放忽略图书馆的默认固定缩放步骤,但到目前为止没有任何运气。通过以下功能:

window.addEventListener('mousewheel', function(e){
    if (!e) e = event;
    var direction = (e.detail<0 || e.wheelDelta>0) ? 1 : -1;
}, 
false);

我希望实现像Google Maps中的平滑缩放效果,它会根据deltaY和鼠标滚动事件跟踪缩放。你知道如何解决这个问题,或者你知道我可以看到的参考资料吗?

提前感谢您的回复!

1 个答案:

答案 0 :(得分:3)

将地图的zoomSnap option设置为零。另请参阅wheelPxPerZoomLevel option

请注意,分数缩放是Leaflet 1.0.0中引入的一项功能。这意味着以前的版本根本无法使用非整数缩放级别。