我正在使用 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);
Run Code Online (Sandbox Code Playgroud)