Javascript 谷歌地图-在街景全景位置之间平滑切换

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

当谷歌从一个街景切换到另一个街景时，我怎样才能达到谷歌使用的那种切换效果呢？它真的很平滑，避免了很多我目前正在经历的不自然的瓷砖重做

---

以下是是否有用的提示。

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

嗯。。。我认为，有了API，您可能无法做到这一点。。请注意，google maps streetview API上的steetview上的转换也没有设置动画。但是你可能可以使用大小、不透明度和javascript定时器来创建一些类似的效果……可能，这会让我很难过。不过，有些事情告诉我，它内置在API中，或者没有文档记录，或者没有公开宣传。我开始在谷歌地图盛典中发现一些类似的小东西。我还没有在API中找到这样做的方法，所以当我想要平滑过渡时，我一直在使用谷歌街景图像API来获取我想要在两者之间过渡的两个视图。我可以确定两个图像何时加载（不确定这是否适用于较旧的浏览器），并在pano顶部的覆盖中进行转换。在您的情况下，您可以缓存“到”图像。如果你找不到更好的答案，你可以试试。在玩过谷歌地图的街景之后，他们似乎只是在做一些模糊和拉伸的动画。我想知道，通过为第一个街景设置一个容器，覆盖该确切位置的街景图像，模糊并拉伸该图像，然后在背景中将新位置加载到原始街景上，然后隐藏街景图像，这样做是否合理。如果你能给我指出一个好地方，让我学习这些转换（模糊和拉伸），我会给你奖励。你能不能使用jQuery，根据需要淡入淡出父容器…可能。但这并不是我真正想要的效果。你想要的效果是什么？我认为你所说的模糊是从图像的渐进下载开始的，在那里开始模糊，变得更清晰。例如，假设图像正在下载，您已收到图像数据的1/4。对于标准jpeg，这意味着您将大致看到图像的顶部四分之一。对于渐进式jpeg，这意味着您可能会看到整个图像，但它会“失焦”。