传单 TileWMS 边界答案

【问题标题】：leaflet TileWMS bounding传单 TileWMS 边界
【发布时间】：2016-05-31 15:39:27
【问题描述】：

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

我想做的是在某种盒子里只显示瓷砖层；像一个容器。我已经尝试mapfitbounds 使用我的 TileWMS 层的边界坐标。我帮了一点忙，但空白区域仍然存在。

我怎样才能摆脱空白，只有我的 TileWMS 层（顺便说一句，我确定空白不是来自我的 WMS 层，因为我用 Qgis 编辑它）

下面是我的 JS 和 HTML 以及地图上的 div（带有边框样式：solid）

Javascript

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

【问题讨论】：

标签： javascript html css leaflet

【解决方案1】：

我怎样才能摆脱空白，只有我的 TileWMS 层

空白区域是您的 WMS 图像的一部分。

（顺便说一句，我确定空白不是来自我的 WMS 层，因为我使用 Qgis 对其进行了编辑）

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

确保使用transparent WMS 参数，并确保您的地理服务器支持它。

【讨论】：