var
positron = L.tileLayer(
'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'
, {
attribution: cartodbAttribution
}).addTo(map);
map.setView([
0
,
0
],
0
);
setView(center, zoom)
, 它也设置了地图的中心
flyTo(center, zoom)
, 类似于
setView
,但是它具有流畅的动画效果
zoomIn()
/
zoomIn(delta)
, 放大
delta
缩放级别 , 默认缩放级别为
1
zoomOut()
/
zoomOut(delta)
, 缩小
delta
缩放级别 , 默认缩放级别为
1
setZoomAround(fixedPoint, zoom)
, 设置
delta
级别,同时保持一个固定的点(滚动鼠标滚轮缩放)
fitBounds(bounds)
, 自动计算缩放以匹配地图上的矩形区域
分数缩放是Leaflet 1.0.0中提出的新概念。在此之前,地图的缩放级别只能是一个整数(0、1、2等等),但是现在可以使用像1.5或1.25这样的分数。
默认情况下禁用分数缩放。要启用它,请使用MAP的
zoomSnap
选项。
zoomSnap
选项的默认值为1(这意味着地图的缩放级别可以是0, 1, 2,等等)。
如果将
zoomSnap
的值设置为
0.5
,则地图的有效缩放级别将是
1
,
1.5
,
2
等。
如果设置值为
0.1
,则地图的有效缩放级别将是
0
,
0.1
,
0.2
,
0.3
,
0.4
等。
下面的示例使用
zoomSnap
值为
0.25
:
var map = L.map('map', {
zoomSnap: 0.25
正如你所看到的,Leaflet只加载缩放级别为0
或1
的瓦片,并根据需要缩放它们。
Leaflet将缩放缩放到最近有效的一个。例如,如果你有zoomSnap: 0.25
,你尝试做 map.setZoom(0.8)
,缩放将返回到0.75。
还有另一个与zoomSnap
相关的重要地图选项:zoomDelta
选项。它可以控制在使用缩放按钮(来自默认的L.Control.Zoom
)或键盘中的+/-键时图像的缩放级别。
对于滚动鼠标滚轮缩放,wheelPxPerZoomLevel
选项控制鼠标滚轮的缩放速度。
下面是zoomSnap
设置为零的示例:
var map = L.map('map', {
zoomDelta: 0.25,
zoomSnap: 0
尝试下面的内容,看看缩放级别的变化:
如果您有触摸屏,请捏动缩放
用鼠标滚轮缩放
做一个盒子缩放(按住键盘上的shift
键,同时拖动鼠标)
使用缩放按钮