这里是问题的超简单六行示例:
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一起使用效果很好...
找到了答案-应该将zoomSnap设置为0或较小的值。结果-http://jsfiddle.net/erqwqctf/5/
var map = L.map('map', {
center: [51.505, -0.09],
zoom: 14.26,
zoomSnap: 0
})
对我来说,只有在进一步的参数:zoomDelta也设置为较小的值时,它才起作用。例如:
var map = L.map('map', {
center: [51.505, -0.09],
zoom: 14.26,
zoomSnap: 0.1,
zoomDelta: 0.1
})