如何使地图适合传单中的图块图层边界

Akb*_*Ali 5 javascript leaflet


我有一张传单地图。与第一个缩放级别 (256px X 256px) 的图块相比,地图容器非常大。我想获取图块的边界并将地图边界拟合到它。我能够fitbound()使用多个标记。我采用了这里的代码。我也尝试以同样的想法实现瓷砖的贴合。不幸的是它似乎不起作用。这是我的代码

     var fitToBounds = function () {
         //getting bound of tile 256X256 pixel
        var maxLat = map.unproject(new L.Point(0,0)).lat; 
        var maxLat = map.unproject(new L.Point(0,256)).lat;
        var maxLng = map.unproject(new L.Point(256,0)).lng;
        var minLng = map.unproject(new L.Point(256,256)).lng;
        var southWest = new L.LatLng(minLat, minLng);
        var northEast = new L.LatLng(maxLat, maxLng);
        map.fitBounds(new L.LatLngBounds(southWest, northEast));
    };
Run Code Online (Sandbox Code Playgroud)

bul*_*ley 4

将您的标记分组在 a 中L.mapbox.featureGroup(),然后根据您的map使用情况进行分组

map.fitBounds(featureGroup.getBounds());
Run Code Online (Sandbox Code Playgroud)

功能组类似于 a layerGroup,但也有一个.getBounds()可用于设置适合您的方法。请参阅文档。

  • 他没有说任何关于标记的事情。他有tile层,而Tilelayer没有getBounds方法。您关于对标记进行分组的想法没有任何帮助。 (4认同)