限制Mapbox縮放

我是新來的mapbox，並試圖將其放在我的網站上。我們如何確保它不會縮小比包含地圖本身的div更小的尺寸。目前，它縮小到1級，在所有側面留下空白區域。限制Mapbox縮放

我用下面的代碼

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

我還附加一個快照來說明問題......

來源

2016-10-17 Mobashyr Mohammad

您使用的是Google Maps JavaScript API v3嗎？你如何創建你的「地圖」div的內容？ – geocodezip

感謝您的快速響應。我使用Mapbox來創建地圖，它是L.mapbox.map（'map'） –

根據the documentation for Mapbox.js可以設置minZoom（地圖狀態選項）：

minZoom：地圖的最小縮放級別。覆蓋地圖圖層上設置的任何minZoom。

如果您正在使用Mapbox GL JS，你可以使用options.minZoom參數：

options.minZoom（默認爲0）地圖（1-20）的最小縮放級別。

來源

2016-10-17 14:08:37 antonio

太棒了。 Option.minZoom確實解決了這個問題。然而，我仍然可以拖動顯示白色背景的地圖。有沒有辦法阻止超出容器拖動？ –

您可以使用'maxBounds'選項將視圖限制在給定範圍內 – antonio

的確如此！不知道我是否確實如此。我將極限定爲[-85，-180]，[85,180]。拖動時，地圖會彈回原始容器邊界。 –

限制Mapbox縮放

回答

相關問題