Wpis użytkownika kwahu666 w Programowanie

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 (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: '&copy; 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: '&copy; 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>