mapbox-gl - 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
});

所以缩小总是会落在这些坐标上。请参阅限制范围以获取实时示例。