leaflet之地图缩放动画
目录
leaflet之地图缩放动画
缩放级别与瓦片的关系请参照http://www.giserdqy.com/gis/4907
leaflet地图缩放方式
设置缩放的方法有:
setView(center, zoom)
,这也设置了地图中心flyTo(center, zoom)
,setView
但有一个流畅的动画zoomIn()
/zoomIn(delta)
,默认情况下delta
放大缩放级别1
zoomOut()
/zoomOut(delta)
,默认情况下缩小delta
缩放级别1
setZoomAround(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 |
多少个滚动像素,表示更改一个完整缩放级别。较小的值将使滚轮轮缩放更快(反之亦然)。 |