マップボックスのズームを制限する

Question

私はマップボックスが新しく、自分のウェブサイトに1つ入れようとしています。どのようにすれば、地図自体を含むdivよりもズームアウトが小さくならないようにすることができます。現在、レベル1にズームアウトし、すべての面に空白を残します。

私はあなたがminZoom（地図状態オプション）を設定することができthe documentation for Mapbox.jsによると...私はまた、問題を説明するためのスナップショットを添付しています

Answer 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> 

を使用していました：

minZoom：地図の最小ズームレベル。地図レイヤーに設定されたminZoomをオーバーライドします。

options.minZoom（デフォルト0）マップ（1-20）の最小ズームレベル：

あなたはMapbox GL JS使用していた場合、あなたはoptions.minZoomパラメータを使用することができます。