无法在Leaflet 1.0.2和1.1-dev上设置小数缩放

时间:2017-01-07 21:17:34

标签: javascript html leaflet

这是问题的超简单6行示例:

http://jsfiddle.net/erqwqctf/1/

HTML:

<div id="map" style="height: 400px; width: 400px;"></div>

JS:

var map = L.map('map', {
  center: [51.505, -0.09],
  zoom: 14.3
})
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);

此示例使用Leaflet 1.0.2,文档位于http://leafletjs.com/reference-1.0.2.html,但它似乎不支持小数缩放。 1.1-dev上的相同问题。我做错了什么?

谢谢!

编辑:出于某种原因,它适用于传单-1.0.0-b1 ......

2 个答案:

答案 0 :(得分:2)

找到答案 - 应该将zoomSnap设置为0或小的东西。结果 - http://jsfiddle.net/erqwqctf/5/

var map = L.map('map', {
  center: [51.505, -0.09],
  zoom: 14.26,
  zoomSnap: 0
})

答案 1 :(得分:0)

对我来说,它仅在其他参数:zoomDelta也设置为较小的值时才有效。例如:

var map = L.map('map', {
  center: [51.505, -0.09],
  zoom: 14.26,
  zoomSnap: 0.1,
  zoomDelta: 0.1
})