Leaflet 如何适应视口中的每一层?

Leaflet 如何适应视口中的每一层?,leaflet,Leaflet,我有一张非地理地图,我想把每个形状都放进视口 到目前为止,我的代码是: var mymap = L.map('mapid', { crs: L.CRS.Simple, renderer: L.canvas() }); xhr.onload = function () { if (xhr.status !== 200) return var layer = L.geoJSON(xhr.response).getBounds

我有一张非地理地图,我想把每个形状都放进视口

到目前为止,我的代码是:

var mymap = L.map('mapid', {
            crs: L.CRS.Simple,
            renderer: L.canvas()
        });

xhr.onload = function () {

  if (xhr.status !== 200) return
  var layer = L.geoJSON(xhr.response).getBounds();
  mymap.fitBounds(layer);

  L.geoJson(xhr.response, {style: style}).addTo(mymap);

        };
我的一张地图是大的,附有截图。 有人能带我找到解决这个问题的正确方向吗

编辑:好的,知道了,地图有一个缩放参数,我只需要传递-5,如中所示,您可以简单地使用带有负值的地图选项来进一步缩小地图

var mymap=L.map('mapid'{
crs:L.crs.Simple,
渲染器:L.canvas(),
最小缩放:-5
});

我知道了,但有没有办法让我的地图自动适应视口?目前我是这样做的,但它仍然被放大关闭。我的z变量get-1,-2将是完美的:var bounds=L.geoJSON(xhr.response).getBounds();var z=mymap.getBoundsZoom(bounds,true);var center=bounds.getCenter();mymap.setView(中心,z);听起来你应该给你的边界添加一些填充。