javascript - Leaflet 图像映射到横向视口(viewport)的边界 View

Question

我有一张 16384x16384 的正方形图像，已使用 MapTiler 将其切成图 block 以在 Leaflet 中创建 6 级缩放。

我在Leaflet中设置了如下图片:

var map = L.map('map', {
      maxZoom: 6,
      minZoom: 0,
    }).setView([0, 0],1);

var tilesURL = "_server/tiles/{z}/{x}/{y}.jpg";

L.tileLayer(tilesURL, {
    maxZoom: 6,
    continuousWorld: 'false',
    tms: true
}).addTo(map);

我会怎样:

1. 将这张大方形图片的 View 限制在中间(横向矩形)区域？
2. 生成一组非正方形的矩形图 block ？

另外，Leaflet是否可以自动将有界区域适配到Map容器​​中？

Answer 1

1. 是的。使用 maxBounds option .
2. 不知道，但你为什么要做这样的事情？
3. 是:方法fitBounds这样做。