自定义街景中的“波浪状”边缘-图像质量差

时间:2018-07-06 04:55:45

标签: image-processing google-street-view

我已经浏览了我正在使用的有关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的准则进行命名。

感谢您在此问题上的任何帮助。 埃德加

0 个答案:

没有答案