Устранение неполадок с белыми пикселями без данных на растровом изображении в Leaflet. js, подается через GeoServer

Question

Я изучаю листовку. js и хочу иметь возможность создавать веб-карту, которую можно использовать вместе с 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);

Answer 1

Кажется, проблема в растровом изображении, которое я использую. Я переключил растровые изображения на одно в моей области интересов, и теперь изображение, кажется, загружается с удаленными фоновыми пикселями. Я до сих пор не знаю, почему один работает, а другой нет, но, по крайней мере, я знаю, что не было проблем с кодированием или геосервером. Возможно, что-то зависло от внутренней структуры растрового изображения. Я знаю, что с моим исходным изображением предварительный просмотр слоя листов в панели мониторинга геосервера не будет отображать изображение в формате PNG, а в формате JPEG. С моим новым изображением при предварительном просмотре слоя геосервера изображение отображается во всех форматах.