谷歌地图 - 在街景全景位置之间顺畅切换答案

【问题标题】：Google Maps - Switching between Street View Panorama locations smoothly谷歌地图 - 在街景全景位置之间顺畅切换
【发布时间】：2015-04-29 12:00:30
【问题描述】：

我有一个简单的map proof of concept，类似于 maps.google.com 我在页面底部有一个带有街景/全景的滑块。当您单击图像时，它会将您带到同一个街景。

当他们从一个街景过渡到另一个街景时，如何实现与谷歌相同的过渡效果？它真的很流畅，避免了我目前正在经历的很多生涩的瓷砖重新渲染。

如果有帮助，请联系GitHub Repo。

【问题讨论】：

嗯...我认为，使用 API，您可能无法做到。请注意，谷歌地图街景 API 上的 steetview 上的转换也没有动画。但是你也许可以使用大小、不透明度和 javascript 计时器来创建一些类似的效果......
可能，这会让我很难过。尽管它内置在 API 中，但有些东西告诉我，它要么没有记录，要么没有公开宣传。我开始在 Google 地图盛会中发现许多类似的小东西。
我在API中还没有找到实现这个的方法，所以当我想要平滑过渡的时候，我一直在使用Google Street View Image API来抓取我想要过渡的两个视图之间。我可以确定两个图像何时加载（不确定这是否适用于旧浏览器），并在全景顶部的叠加层中进行过渡。在您的情况下，您可以缓存“到”图像。如果您没有找到更好的答案，您可以尝试一下。

【解决方案1】：

您是否尝试过制作 2 个地图容器，然后加载另一个并淡入，同时淡出另一个，并在更改它们时来回切换。

【讨论】：

可能。在玩过谷歌地图的街景之后，他们似乎只是在做某种模糊和拉伸动画。我想知道通过为第一个街景设置一个容器，覆盖该确切位置的街景图像，模糊和拉伸该图像，并在后台加载原始街景上的新位置，然后隐藏街景图像。如果你能给我指出一个好地方，让我学习那些过渡（模糊和拉伸），我会给你赏金。
你能不能只使用jQuery，根据需要淡入和淡出父容器...
可能。但这不是我真正想要的效果。
你想要什么效果 - 我认为你所说的模糊是来自图像的渐进式下载，然后开始模糊，变得更加清晰。例如 -
假设图像正在下载，您已收到 1/4 的图像数据。对于标准 jpeg，这意味着您将大致看到图像的上四分之一。对于渐进式 jpeg，这意味着您可能会看到整个图像，但它会“失焦”。