logo标签列表

谷歌地图 - 平稳切换街景全景位置

javascriptgoogle-maps-api-3
11
我有一个简单的概念验证地图，类似于maps.google.com，在页面底部有一个带有街景/全景图像的滑块。当您单击图像时，它会带您到相同的街景视图。
我如何实现与Google在从一个街景视图转换到另一个时使用的相同的过渡效果？它非常平滑，避免了我目前经历的许多卡顿瓷砖重新渲染。
这是GitHub Repo，如果有帮助的话。
嗯...我认为，通过API，您可能无法做到这一点。请注意，在Google地图街景API上的转换也没有动画效果。但是，您可以尝试通过调整大小、透明度和JavaScript计时器来创建类似的效果... - kaho
可能是这样，这会让我很难过。但有些迹象表明它已经内置在API中，只是没有记录下来或者没有公开宣传。我开始发现在Google Maps的各种功能中存在一些小问题。 - JDillon522
1
我还没有找到在API中实现这个的方法，所以当我想要平滑过渡时，我一直在使用Google街景图像API来获取我想要过渡的两个视图。我可以确定两张图片都已加载（不确定在旧浏览器中是否有效），并在全景图上叠加进行过渡。在您的情况下，您可以缓存“to”图像。如果您找不到更好的答案，可以尝试这样做。 - brenzy
1个回答
2

你尝试过创建两个地图容器，然后在加载另一个地图容器时淡入淡出，同时淡出另一个地图容器，并且切换它们之间的状态来实现切换。

可能。在玩了谷歌地图的街景之后，看起来他们只是进行某种模糊和拉伸动画。我想知道是否可以通过为第一个街景视图添加一个容器，覆盖该确切位置的街景图像，将该图像模糊和拉伸，并在原始街景中加载新位置，并隐藏街景图像来实现此目的。如果您能指引我到一个能够教会我这些转换技巧（模糊和拉伸）的好地方，我会给您奖励。 - JDillon522
你能否只使用jQuery，根据需要淡入淡出父容器... - ratiorick
可能。但这不是我真正想要的效果。 - JDillon522
你想要什么效果 - 我认为你所说的模糊是由于图像的渐进式下载，它开始时模糊，然后变得更清晰。例如 - - ratiorick
假设图像正在下载，您已经收到了图像数据的四分之一。对于标准的JPEG格式，这意味着您将看到大约图像的前四分之一。对于渐进式JPEG格式，这意味着您可能会看到整个图像，但它将是“模糊不清”的状态。 - ratiorick
或者只需创建一堆预加载的地图实例，并根据需要将它们定位为绝对位置，-99999px。然后在需要时重新显示它们。 - ratiorick
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接