gpt4 book ai didi

javascript - 传单 TileWMS 边界

转载 作者:太空宇宙 更新时间:2023-11-04 10:11:55 25 4
gpt4 key购买 nike

我有一个来自地理服务器的 TileWMS 图层。我试图用传单(正确地)展示它。唯一的问题是 THE WHOLE WORLD map 似乎围绕着我的 TileWMS 层。所以我在我的层周围得到了一个完整的空白区域。

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

我怎样才能摆脱空白,只有我的 TileWMS 层(顺便说一句,当我用 Qgis 编辑它时,我确定空白不是来 self 的 WMS 层)

下面是我的 JS 和 HTML 以及 map 上的 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>

map

黄色区域是我的TileWMS,div是border-style solid。这样我们就可以看到不需要的空白

My map displayed in a browser

最佳答案

How can I get rid of the blank and only have my TileWMS layer

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

(BTW I sure the blank is not comming from my WMS layer as I edited it with Qgis )

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

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

关于javascript - 传单 TileWMS 边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37534393/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com