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

问题描述 投票:1回答:2

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

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上的相同问题。我在做什么错?

谢谢!

编辑:出于某种原因,它与letlet-1.0.0-b1一起使用效果很好...

javascript html leaflet
2个回答
2
投票

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

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

0
投票

对我来说,只有在进一步的参数:zoomDelta也设置为较小的值时,它才起作用。例如:

var map = L.map('map', {
  center: [51.505, -0.09],
  zoom: 14.26,
  zoomSnap: 0.1,
  zoomDelta: 0.1
})
© www.soinside.com 2019 - 2024. All rights reserved.