我正在学习leaflet.js,并希望能够创建一个web地图,可以与GeoServer一起使用。我现在的主要问题是消除通过L.tileLayer.wms
导入的栅格层中的白色背景。我以前遇到过这个问题,尽管是矢量数据,我通过设置transparent: true
和zIndex: 2
解决了这个问题,而底图设置为1
。当我将新的栅格层透明度和zIndex
设置为相同的参数值时,整个图层都消失了;现在我所能看到的只有我的底图。我在网上能找到的消除这个白色背景的方法就是设置zIndex
和transparent: true
。希望有人以前遇到过这个问题,可以教我一些我遗漏的东西。
附件是我的代码示例:
var esri = L.esri.basemapLayer('Imagery').addTo(map);
var test_layer = L.tileLayer.wms('http://localhost:8080/geoserver/learn_js/wms',{
layers: 'learn_js:geotiff_coverage',
format: 'image/png',
zIndex: 2,
transparent: true
//opacity: 0.5
}).addTo(map);
发布于 2020-01-31 00:39:36
问题似乎出在我使用的光栅图像上。我将光栅图像切换到我感兴趣的区域中,现在图像似乎加载时消除了背景像素。我仍然不知道为什么一个可以工作,另一个不能,但至少我知道没有编码或geoserver问题。也许光栅图像的内部结构导致了这种挂起。我知道对于我的原始图像,geoserver仪表板中的瓦片层预览不会将图像显示为png格式,但会显示为jpeg格式。对于我的新图像,geoserver的瓦片层预览以所有格式显示图像。
https://stackoverflow.com/questions/59974334
复制相似问题