谷歌地图，点击更新方向

Question

我需要在我的网站上显示3条不同的路线到谷歌地图上的同一点（或任何地图作为替代），所以我有顶部显示的地图，下面有三个可点击的框，当用户点击特定框，地图将根据它显示方向。附加示例图像，来自viamichelin站点。更清楚的是，我对所有3个案例都有相同的终点，但起点不同。 这里最好的方法是什么，我在gmaps文档中找不到任何关于此的东西？谢谢！

Answer 1

我建议首先使用Google Maps API文档中的一些示例，特别是他们的Direction Service.在Direction Service中，您要查找Direction Request对象和Direction Response对象。这些基本上是应用程序中getter和setter的主要对象。这里有一个简单的jsbin application.

for (var j = 0; j < response.routes.length; j++){

            var dirDisplay = new google.maps.DirectionsRenderer();
                dirDisplay.setMap(map);
                dirDisplay.setDirections(response); 
                dirDisplay.setPanel(document.getElementById("setPanel"));
                dirDisplay.setRouteIndex(j);
                dirDisplay.setOptions({
                    draggable: true,
                    hideRouteIndex: true,
                    polylineOptions : {
                        strokeColor: colours[j],
                        strokeOpacity: 1.0,
                        strokeWeight: 5
                    }
                });

        }        

如果您不熟悉这一点，上面的代码就是魔术发生的地方，也就是您从查询中获得响应并显示从服务器返回的可用路由的位置。当然，您可以根据需要自定义地图和路线，这只是一个示例。