传单-缩放基于鼠标滚动和不固定的水平
Leaflet - Zoom based on mouse scroll and not fixed levels
我一直在尝试leaflet
map的不同策略来放大忽略库的默认固定缩放步骤,但到目前为止没有任何运气。通过以下功能:
window.addEventListener('mousewheel', function(e){
if (!e) e = event;
var direction = (e.detail<0 || e.wheelDelta>0) ? 1 : -1;
},
false);
我想实现一个平滑的缩放效果,就像Google Maps
一样,它跟踪基于deltaY
和鼠标滚动事件的缩放。你知道如何解决这个问题吗?或者你知道我可以参考的参考资料吗?
提前感谢您的回复!
将映射的zoomSnap
选项设置为零。参见wheelPxPerZoomLevel
选项。
请注意,分数缩放是在传单1.0.0中引入的一个功能。这意味着以前的版本根本不能使用非整数缩放级别。
相关文章:
- 如何创建一个具有固定左右列和水平滚动的表
- 通过水平滚动将页眉固定到页面顶部
- 水平视差滚动从头开始-没有插件(jQuery)
- 具有Twitter引导程序的水平滚动表
- 如何避免鼠标水平滚动选项卡面板溢出
- 使用鼠标滚轮水平滚动页面
- 水平滚动不适用于jquery单击
- 每次单击按钮时水平滚动元素
- 动画滚动100%(水平)
- 简单的一页水平滚动
- 移动浏览器-如何删除拖动到水平滚动
- 如何避免在自由jqgrid中单击单元格进行水平滚动编辑
- 网站水平滚动,但单独的页面
- 滚动水平幻灯片
- 单方向滚动:水平或垂直
- 垂直滚动.水平移动
- 背景颜色添加在特定的滚动水平
- 无限滚动水平向左
- Javascript滚动-水平和垂直-到页面上的特定位置
- 自动滚动水平链接跳转