javascript - 动画显示谷歌地图和谷歌街景的路线

Question

我正在开发一个路线跟踪网络应用程序，我认为为路线制作动画而不是仅仅在 map 上显示它会很酷。

我觉得这很酷:http://tripgeo.com/DirectionsMapExamples.aspx?id=2

我想为我的路线实现这个，但是: 据我了解(正如我继续阅读代码)，它们只有一个开始/结束地址，其余的是生成的。因为我有一条完整的路线，所以这对我不起作用。

然后我需要实现的是一个脚本，该脚本检查全景图每个路线点的街景 API，如果可用则显示它，否则跳到下一个。

这超出了我与 map /街景互动的知识，很想听听以前做过这种事情的人的意见，如果可能的话给我一些建议:)

Answer 1

我正在做一些非常相似的事情，这是我的想法。一旦显示了路线，您就会知道存储在“路段”或“航路点”(无论您希望以何种方式放置)中的信息。然后，每秒使用 setTimeout 或 setInterval 重新加载 div，并在每次重新加载时，将图标的位置更新为腿中的 start_point。

这里是requestHandler方法

var i = 0;
function requestHandler(result, status) {
    if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(result); //Your directionsDisplay object
        var myRoute = result.routes[0].legs[0];
        if(i < myRoute.steps.length; i++) {
           //Write the code to include the icon using google.maps API
        }
    }
setTimeout(requestHandler,1000);
}

我知道这可能不是完美的解决方案，但您只需要修改一下即可。我也在用它寻找完美的解决方案。