// Querying for attributes
map.addEventListener('click', onMapClick);
popup = L.popup({maxWidth:400});

function onMapClick(e){
        popup
            var latlngStr = '(' + e.latlng.lat.toFixed(3) + ', ' + e.latlng.lng.toFixed(3) + ')'
            var BBOX = map.getBounds()._southWest.lng+","+map.getBounds()._southWest.lat+","+map.getBounds().northEast.lng+"'"
            +map.getBounds()._northEast.lat
            var WIDTH = map.getsize().x
            var HEIGHT = map.getsize().y
            var X = map.layerPointToContainerPoint(e.layerPoint).x
            var Y = map.layerPointToContainerPoint(e.layerPoint).y
            var URL = 'http://localhost:8080/geoserver/WAAPP/wms?service=WMS&version=1.1.0&
                &request=GetMap&layers=WAAPP:soils&QUERY_LAYERS=WAAPP:soils&styles=
                &bbox='+BBBOX+'&FEATURE_COUNT=5&HEIGHT = '+HEIGHT+'&WIDTH='+WIDTH+'&FORMAT=image/png&INFO_FORMAT=text/html&SRS=EPSG%2136&
                X='+X+'&Y='+Y
                .setLatLng(e.latlng)
                .setContent("<iframe src = '" URL + "' width='300' height='100' frameborder='0'></iframe>");
map.openPopup(popup);
}