javascript - 传单TileWMS边界

我有来自geoserver的TileWMS图层。我正在尝试用传单显示（正确）它。
唯一的问题是，“整个世界”地图似乎在我的TileWMS图层周围。因此，我在图层周围得到了一个空白区域。

我想做的是只在某种盒子中显示平铺层；像一个容器。我已经尝试将mapfitbounds与我的TileWMS图层的边界坐标一起使用。我帮助了一点，但空白区域仍然存在。

如何摆脱空白，只有我的TileWMS图层（顺便说一句，当我使用Qgis编辑空白时，我确定空白不是来自WMS图层）

以下是我的JS和HTML以及地图上的div（带有border-style：solid）

Java脚本

function init(){
var map = L.map('map');

var wmsLayer = L.tileLayer.wms('http://localhost:8080/geoserver/MYPROJECT/wms', {
    layers: 'MY_WORKSPACE:MY_LAYER'
}).addTo(map);

map.setView(new L.LatLng(5.4919, -3.8174), 16);

 map.fitBounds([
    [5.4304, -4.0268],
    [5.3207, -3.9060]
]);

}

的HTML

<!DOCTYPE html>
<html>
<head>

    <title></title>
    <!--meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /-->
    <link rel="stylesheet" type="text/css" href="Mystyle.css">
    <link rel="stylesheet" type="text/css" href="leaflet/leaflet.css">
    <script src="leaflet/leaflet.js"></script>
    <script src="MyJS.js"></script>
</head>
<body onload="init()">

<div id="map"></div>


</body>
</html>

地图

黄色区域是我的TileWMS，而div是边框样式的实体。这样我们可以看到不需要的空格

My map displayed in a browser

最佳答案

如何摆脱空白，只有我的TileWMS层

空白是WMS图像的一部分。

（顺便说一句，当我用Qgis编辑空白时，我确定空白不是从WMS层来的）

不，这不能保证WMS服务器将输出具有透明背景的图像。您是否尝试过检查浏览器的网络请求，并查看图像是否具有透明背景？我相当确定您的Qgis和Leaflet正在以略有不同的方式请求WMS图像。

确保使用transparent WMS参数，并确保您的geoserver支持该参数。