添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
开朗的领带  ·  Creating Zip Files ...·  1 月前    · 
风度翩翩的薯片  ·  工程用到QOS ...·  3 月前    · 
很拉风的啄木鸟  ·  FastCGI PHP Fatal ...·  1 年前    · 
帅气的闹钟  ·  Excel转Json升级版-Python ...·  1 年前    · 
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只加载缩放级别为01的瓦片,并根据需要缩放它们。

    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键,同时拖动鼠标)
  • 使用缩放按钮
  •