javascript - 在谷歌地图上查看全景图像

Question

       function initPano() {
        // Set up Street View and initially set it visible. Register the
        // custom panorama provider function. Set the StreetView to display
        // the custom panorama 'reception' which we check for below.
        var panorama = new google.maps.StreetViewPanorama(
          document.getElementById('map'), {
            pano: 'reception',
            visible: true,
            panoProvider: getCustomPanorama
        });
      }

      // Return a pano image given the panoID.
      function getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) {
        // Note: robust custom panorama methods would require tiled pano data.
        // Here we're just using a single tile, set to the tile size and equal
        // to the pano "world" size.
        return 'http://bestofdiscus.gr/portals/0/Discus-Header-WR.jpg';
      }






  function getCustomPanorama(pano, zoom, tileX, tileY) {
        if (pano === 'reception') {
          return {
            location: {
              pano: 'reception',
              description: 'Google Sydney - Reception'
            },
            links: [],
            // The text for the copyright control.
            copyright: 'Imagery (c) 2010 Google',
            // The definition of the tiles for this panorama.
            tiles: {
              tileSize: new google.maps.Size(1024, 512),
              worldSize: new google.maps.Size(1024, 512),
              centerHeading: 105,
              getTileUrl: getCustomPanoramaTileUrl
            }
          };
        }
      }

在这段代码中，我不明白函数 getCustomPanoramaTileUrl 中的参数:pano、zoom、tileX、tileY。据我所知，如果不使用这些参数，该函数将返回图像的 url。

我的问题是:1/这些参数有什么用以及如何使用？2/什么是pano ID(我找了很多还是没明白)

Answer 1

你在说什么？

您可能会想，“为什么我的问题被否决了？” (PS:我没有这样做!)。当提出问题时，在没有任何上下文的情况下乱写乱码会让任何试图帮助你的人都像你一样迷失。

虽然代码很有用，但您的问题缺少重要信息:

• 您使用什么技术？有 API 吗？
• 你尝试过什么？
• 该代码来自哪里？
• 有任何文档的链接吗？上下文是什么？

在提出问题之前，请务必阅读以下页面 https://stackoverflow.com/help/how-to-ask

你的代码从哪里来？

经过一些挖掘和研究，我发现您的代码实际上是 Google 文档中的一段代码，Custom Street View panoramas .

考虑到这一点，Google 有一些关于此事的文档可以帮助您了解代码的情况:

• https://developers.google.com/maps/documentation/javascript/streetview#TilingPanoramas

我阅读了文档，但我还是不明白!

尽管 Google 谈论具有多个 View 的自定义全景图，但提供的示例过于简单，无法说明 Google 为您提供的资源的全部潜力。

现在，关于您的具体问题......

pano、zoom、tileX、tileY 有何用途？

在您提供的代码示例中，它们没有任何用途。您可以从 getCustomPanoramaTileUrl 中删除它们，代码仍然可以工作。

那么，它们有什么用呢？嗯，根据References Documentation for StreetView ，这些参数具有以下目标:

Gets the tile image URL for the specified tile. pano is the panorama ID of the Street View tile. tileZoom is the zoom level of the tile. tileX is the x-coordinate of the tile. tileY is the y-coordinate of the tile. Returns the URL for the tile image.

现在，如果这仍然令人困惑，我会尝试解释。

自定义全景图是组合在一起的图像集，如下图所示:

当使用真正的全景 View 时，你想要传递一组图像，StreetView对象需要知道你指的是哪一组图像(panoId)、处于哪个缩放级别(zoom)以及该组内部，您当前看到的图像的 X 和 Y 位置(tileX 和tileY)。

在您提供的示例中，由于它非常简单，所以没有使用这些，因为无论如何您总是返回相同的图像。但在使用一组图像的更复杂的示例中，此信息对于让 StreetView 知道您正在查看的位置以便显示正确的图像至关重要。

<小时/>

希望对你有帮助!