mapbox.js 3.3.0 — 如何添加“最大”和“最小”縮放

Question

我想在使用 mapbox.js 3.3.0（而不是 Mapbox-GL-JS）構建的地圖中添加“最小縮放”和“最大縮放”。

我的代碼與 API 的官方示例相同： https : //jsfiddle.net/omgjtnkx/ 。

L.mapbox.accessToken = 'pk.eyJ1IjoianVsZXN2YXVsb250IiwiYSI6ImNrN2NnY2VybTBuNngzbG56Y3Nzeno0czUifQ.dGyxSFyanB-Kbit0wvsZCQ';
var map = L.mapbox.map('map')
    .setView([40, -74.50], 9)
    .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));

任何的想法？

Answer 1

正如Map類的 API 文檔中所指定的，您可以在Map初始化時添加minZoom和maxZoom選項。 也就是說，類似於：

L.mapbox.accessToken = '* YOUR MAPBOX ACCESS TOKEN HERE */;
var map = L.map('map', {
    minZoom: 5,
    maxZoom: 16
  })
  .setView([40, -74.50], 9)
  .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));