leaflet之地图缩放动画
目录
leaflet之地图缩放动画
缩放级别与瓦片的关系请参照http://www.giserdqy.com/gis/4907
leaflet地图缩放方式
设置缩放的方法有:
setView(center, zoom),这也设置了地图中心flyTo(center, zoom),setView但有一个流畅的动画zoomIn()/zoomIn(delta),默认情况下delta放大缩放级别1zoomOut()/zoomOut(delta),默认情况下缩小delta缩放级别1setZoomAround(fixedPoint, zoom),在保持点固定的同时设置缩放级别(滚轮缩放的功能)fitBounds(bounds),自动计算缩放以适合地图上的矩形区域
缩放级别一般是整数,但也是支持小数的
分数缩放
leaflet默认禁止分数缩放,可以设置zoomSnap属性开启
zoomSnap |
Number |
1 |
强制地图的缩放级别始终为此的倍数,尤其是在fitBounds()缩放或缩放后。默认情况下,缩放级别会捕捉到最接近的整数; 较低的值(例如0.5或0.1)允许更大的粒度。值0 表示缩放后的缩放级别fitBounds或者缩放缩放。 |
如果设置的值zoomSnap来0.5,地图的有效缩放级别会0,0.5,1,1.5,2,等。
如果你设定的值0.1,地图的有效缩放级别会0,0.1, 0.2,0.3,0.4,等。
var map = L.map('map', {
zoomSnap: 0.25
});
zoomSnap可以设置为零。这意味着Leaflet 不会 捕捉缩放级别。
使用放大缩小按钮时zoomDelta设置每次缩放的级别
zoomDelta |
Number |
1 |
控制地图的缩放级别多少后改变 zoomIn(),zoomOut(),压制+ 或-在键盘上,或者使用缩放控件。小于1(例如0.5)的值允许更大的缩放单位。 |
鼠标滚轮缩放,wheelPxPerZoomLevel 选项控制鼠标滚轮放大的速度。
wheelPxPerZoomLevel |
Number |
60 |
多少个滚动像素,表示更改一个完整缩放级别。较小的值将使滚轮轮缩放更快(反之亦然)。 |