Leaflet - 基于鼠标滚动而不是固定级别缩放
Leaflet - Zoom based on mouse scroll and not fixed levels
我一直在尝试使用 leaflet
地图进行不同的缩放策略,忽略库的默认固定缩放步骤,但到目前为止没有任何运气。通过以下函数:
window.addEventListener('mousewheel', function(e){
if (!e) e = event;
var direction = (e.detail<0 || e.wheelDelta>0) ? 1 : -1;
},
false);
我想实现像 Google Maps
中那样的平滑缩放效果,它根据 deltaY
和鼠标滚动事件跟踪缩放。你知道如何解决这个问题,或者你知道我可以看的参考资料吗?
提前感谢您的回复!
设置 zoomSnap
option of the map to zero. See also the wheelPxPerZoomLevel
option.
请注意,分数缩放是 Leaflet 1.0.0 中引入的一项功能。这意味着以前的版本根本无法使用非整数缩放级别。
我一直在尝试使用 leaflet
地图进行不同的缩放策略,忽略库的默认固定缩放步骤,但到目前为止没有任何运气。通过以下函数:
window.addEventListener('mousewheel', function(e){
if (!e) e = event;
var direction = (e.detail<0 || e.wheelDelta>0) ? 1 : -1;
},
false);
我想实现像 Google Maps
中那样的平滑缩放效果,它根据 deltaY
和鼠标滚动事件跟踪缩放。你知道如何解决这个问题,或者你知道我可以看的参考资料吗?
提前感谢您的回复!
设置 zoomSnap
option of the map to zero. See also the wheelPxPerZoomLevel
option.
请注意,分数缩放是 Leaflet 1.0.0 中引入的一项功能。这意味着以前的版本根本无法使用非整数缩放级别。