Google街景平滑导航

时间:2013-07-11 14:21:21

标签: javascript jquery google-maps google-street-view

在StreetView上导航时,Google会对正在渲染的图像应用效果,以便在之间平滑切换。见下图。第二个显示正在应用的效果。

Image 1 - Just before effect being applied Image 2 - Effect being applied Image 3 - Just after effect applied

所以,我的问题是: 我怎么能对我的应用程序应用同样的效果? 非常感谢!

2 个答案:

答案 0 :(得分:0)

我一直在寻找这个答案,但似乎不适用于自定义全景图。

这是一个类似的问题: Google Maps - Switching between Street View Panorama locations smoothly

但令我困扰的是,我知道:https://walkinto.in/可以顺利过渡,我一直试图检查页面的代码,但没有...

答案 1 :(得分:0)

我真的想解决这个问题,所以我做了一个小概念验证

https://jsfiddle.net/SaulBurgos/k0k5h7uu/4/

    .widget-scene-canvas {
      transition: 1s -webkit-filter linear,transform 1s;
    }

   .googleAnimation {
     filter: blur(1rem);
     transform: scale(1.5);
    }

我不知道该怎么做,在点击箭头或触摸手机时开始转换。

有人可以改进此代码吗?