Mapbox-GL:缩放范围控件

Question

您编写了什么代码来控制自定义mapbox.gl地图的缩放范围，以便当用户缩小和放大时，无论用户的光标/指针在哪里，它都将分别在相同的经度/纬度开始和结束？

现在我已经设置了maxZoom和minZoom，但是当用户缩小和放大时，它会落在光标所在的位置，而不是地图的起点，而不是我希望它缩回到的位置。

Answer 1

您可以通过设置边界框来控制缩小地图的坐标：

// Set bounds to New York, New York
var bounds = [
    [-74.04728500751165, 40.68392799015035], // Southwest coordinates
    [-73.91058699000139, 40.87764500765852]  // Northeast coordinates
];

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v8',
    maxBounds: bounds
});

所以缩小总是落在这些坐标上。请参阅restrict bounds以获取实时示例。