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

Question

我正在开发一个路线跟踪 webbapp，我认为将路线动画化而不是仅仅将其显示在地图上会很酷。

我认为这非常酷： http://tripgeo.com/DirectionsMapExamples.aspx?id=2< /a>

我想为我的路线实现这个，但是： 据我了解（当我继续阅读代码时），它们只有一个开始/结束地址，其余部分是生成的。由于我有完整的路线，这对我来说不起作用。

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

这超出了我与地图/街景交互的知识，我很想听听以前做过这样的事情的人，如果可能的话给我一些指示:)

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);
}

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

Answer 2

只要您只有几个需要访问的点（最多 8 个，除非商业客户为 23 个），您可以指定路线将经过的航点。

您仍然可以通过编程方式完成此操作。

请查看这篇文章了解更多信息。
规范中有关航路点的信息请参见规范。