我已经浏览了我正在使用的有关Google街景javascript API的所有文档。我设法在测试网站上显示了自定义的360°视图。但是,图像/拼贴变形。请参阅a crop of the image 图片。在这里,您可以清楚地看到边缘的变形。
我在我的网站上使用此javascript代码:
<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>
无论使用什么图像和分辨率,或者使用多少缩放级别,波浪形的边缘始终会出现。这些图块是通过photoshop脚本生成的,并按照API的准则进行命名。
感谢您在此问题上的任何帮助。 埃德加