Mapbox：fitBounds使用后缩小一级会重新定位地图

Question

我正在使用Mapbox GL JS，并基于他们的门店定位演示创建了一个动态的门店定位器。我使用fitBounds函数将所有门店标记包含在地图的初始显示中。

问题是，它缩放得太近了，地图需要一些填充。因此，我尝试后退一级缩放。但问题是，当我获取缩放级别并向后退一级时，地图被重新定位到地图的原始中心。

我在下面的代码中尝试重置中心点为fitBounds的中心，但它没有起作用。有什么错误之处吗？

var bounds = new mapboxgl.LngLatBounds();
$(markers).each(function() {
    var features = $(this);
    bounds.extend(features[0].geometry.coordinates);        
});

map.fitBounds(bounds);
var mapLat = map.getBounds().getCenter().lat;
var mapLong = map.getBounds().getCenter().long;
map.setCenter = (mapLat, mapLong);
var mapZoom = map.getZoom();
newZoom = mapZoom - 1;  
map.setZoom(newZoom); 

- ChipnCharge

Answer 1

如果你只想要实现在边框周围添加填充，mapbox-gl在fitBounds中提供了一个选项：

map.fitBounds(bounds, {padding: 100}) // adds 100px padding to the bounds

这里是文档：https://www.mapbox.com/mapbox-gl-js/api#map#fitbounds

- Scarysize

---

谢谢！那正是我所需要的！ - ChipnCharge

要禁用动画，还需在选项中设置 duration: 0。 - Kamil Kiełczewski