限制Mapbox缩放

Question

我是mapbox的新手并尝试在我的网站上放置一个。我们怎样才能确保它不会缩小比包含地图本身的div小。目前，它缩小到1级，在所有边上留下白色空间。

我使用了以下代码

<style>
    #map {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
</style>

<section id="content">
    <div id="map"></div>
</section>

我还附上快照来说明问题......

Answer 1

根据the documentation for Mapbox.js，您可以设置minZoom（地图状态选项）：

  

minZoom ：地图的最小缩放级别。覆盖地图图层上设置的任何minZoom。

如果您使用的是Mapbox GL JS，则可以使用options.minZoom参数：

  

options.minZoom （默认为0）地图的最小缩放级别（1-20）。