javascript - ランドスケープ ビューポートへのリーフレット イメージ マップのバウンディング ビュー

Question

Leafletで6レベルのズームを作成するためにMapTilerを使用してタイルにスライスされた16384x16384の正方形の画像があります。

次のようにリーフレットに画像を設定しました。

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. この大きな正方形の画像の表示を中央 (横長の長方形) の領域だけに制限しますか?
2. 正方形ではない長方形のタイルのセットを作成しますか?

さらに、Leaflet は境界領域を Map コンテナに自動調整できますか?

Answer 1

1. はい。maxBounds オプションを使用します。
2. わかりませんが、なぜそのようなことをしたいのですか？
3. はい: メソッドfitBoundsがそれを行います。