title: Bounding view of a Leaflet image map to a landscape viewport
body: <p>I have a square image 16384x16384 that has been sliced into tiles using MapTiler to create 6 levels of zoom in Leaflet.</p>
  
  <p>I have set up the image in Leaflet as follows:</p>
  
  <pre><code>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);
  </code></pre>
  
  <p>How would I either:</p>
  
  <ol>
  <li>Restrict the view of this large square image to just the middle (landscape rectangle) area?</li>
  <li>Produce a non-square rectangular set of tiles?</li>
  </ol>
  
  <p>Additionally, can Leaflet auto-fit the bounded area to the Map container?</p>