Leaflet.js fitBounds 带填充？

Question

我正在尝试在传单 map 中设置 fitBounds 选项，如下所示:

var bounds = new L.LatLngBounds([[Math.max(lat, borneLat), Math.max(lng, borneLng)], [Math.min(lat, borneLat), Math.min(lng, borneLng)]]);
map.fitBounds(bounds, { padding: [20, 20] });

但是，这似乎没有添加任何填充？至少 map “缩放级别”不会改变，并且它始终显示边缘中的两个点(即一个在最右上方，另一个在最左下方)。对于某些标记集，它可以正常工作，缩放处于适当水平，您可以很好地看到所有内容。然而，当项目彼此非常接近时，它似乎放大了一点，除非我可以用一些“填充”来适应它。

我也不确定边界是否正确？我应该使用:

var bounds = [[Math.max(lat, borneLat), Math.max(lng, borneLng)], [Math.min(lat, borneLat), Math.min(lng, borneLng)]];

Answer 1

map.fitBounds(bounds, {padding: []})应该管用。我建议您将填充更改为例如。 [50, 50] ，也许你的填充值太小了。

看看这个 JSFiddle example .