“Wavy” edges in custom street view - bad image quality

I've explored all documentation on googles street view javascript API which I'm using. I managed to show a custom 360° view on my test website. However the images/tiles are distorted. See a crop of the image image attached. Here you can see the distortion of the edges clearly.

I'm using this javascript code on my website:

<script>
function initPano() {
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('map'), {pano:'cdmx3d', visible:true, fullscreenControl:true, panControl:false, zoomControl:false, linksControl:true, addressControl:true});
panorama.registerPanoProvider(getCustomPanorama);
}

function getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) {
return 'http://www.cdmx3d.mx/Google/StreetView1/' + zoom + '_' + tileX + '_' + tileY + '.png';
}

function getCustomPanorama(pano) {
if (pano === 'cdmx3d') {
return {
location: {
pano: 'cdmx3d',
description: 'Studio Edgar Mueller'
},
links: ,
copyright: '(c) 2018 Edgar Müller',
tiles: {
tileSize: new google.maps.Size(256, 256),
worldSize: new google.maps.Size(4096, 2048),
centerHeading: 105,
getTileUrl: getCustomPanoramaTileUrl
}
};
}
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MyKey&callback=initPano">
</script>


The wavy edges allways appear no matter what image and resolution or how many zoom levels I use. The tiles are generated through a photoshop script and named following the guidelines of the API.

Thank you for any help on this issue.
Edgar

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.