Question

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

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

我想为我的路线实现这个，但是：根据我的理解（因为我读取代码）他们只有一个开始/结束地址，其余的都是生成的。当我得到一条完整的路线时，这对我不起作用。

我需要实现的是一个脚本，它检查全景的每个路由点的streetview 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

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

您仍然可以通过编程方式执行此操作。

检查this article以获取更多信息。规范中有更多info about waypoints here。

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

2 个答案: