Miał ktoś może styczność z #openstreetmap i bibliotekami Leaflet oraz wyświetlaniem warstw z WMS Geoportalu przy udziale Leaflet.WMS?

Chce na mapę zaciągnąć warstwę Hydro i ni jak nie wyświetla się.

Warstwa:

wms:[http://mapy.geoportal.gov.pl/wss/service/img/guest/HYDRO/MapServer/WMSServer?FORMAT=image/png&VERSION=1.1.1&SERVICE=WMS&REQUEST=GetMap&LAYERS=1&STYLES=&SRS={proj}&WIDTH={width}&HEIGHT={height}&BBOX={bbox}{header(User-Agent,Mozilla/5.0]( http://mapy.geoportal.gov.pl/wss/service/img/guest/HYDRO/MapServer/WMSServer?FORMAT=image/png&VERSION=1.1.1&SERVICE=WMS&REQUEST=GetMap&LAYERS=1&STYLES=&SRS={proj}&WIDTH={width}&HEIGHT={height}&BBOX={bbox}{header(User-Agent,Mozilla/5.0) (Windows NT 6.1; WOW64; rv:28.0) Gecko/20100101 Firefox/28.0)}

Mój kod:

  <script>

    //definicja mapy

var map = L.map('map');

//dodanie warstwy OSM

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {

  attribution: '© OpenStreetMap contributors'

}).addTo(map);

//definicja parametrów WMS

var wmsUrl = 'https://mapy.geoportal.gov.pl/wss/service/img/guest/HYDRO/MapServer/WMSServer';

var layerName = '1';

var projection = 'EPSG:3857';

//definicja warstwy WMS

var hydroLayer = L.tileLayer.wms(wmsUrl, {

  layers: layerName,

  format: 'image/png',

  transparent: true,

  version: '1.1.1',

  crs: L.CRS.EPSG3857,

  uppercase: true,

  attribution: '© Geoportal'

});

//dodanie warstwy WMS do mapy

hydroLayer.addTo(map);

//wycentrowanie mapy na obszarze pokrytym warstwą WMS

map.fitBounds([[49.8, 14.2], [54.9, 24.6]]);

  </script>

</body>