Javascript 谷歌地图，点击更新方向

我需要在我的网站上的谷歌地图（或任何其他地图）上显示3条不同的路线到同一点，所以我在顶部显示了地图，下面有三个可点击的框，当用户点击特定框时，地图将根据它显示方向。示例图片附于维亚米其林网站。更清楚地说，我对所有3种情况都有相同的终点，但起点不同。 这里最好的方法是什么，我在gmaps文档中找不到任何与此相关的内容？谢谢

---

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

for（var j=0；j

---

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

你试过什么？你能提供最少的代码来重新创建示例吗谢谢，这很有帮助，我正在测试它。但是，我不需要两个点之间的替代道路，我需要3个不同的端点和相同的起点，当我单击特定链接/方框/地图上应该更新道路的任何内容时。例如，所有3个案例的终点都应该是巴黎，我需要巴塞罗那、维也纳和布拉格的咆哮声。好的，在这里取得一些进展：尝试在这里添加方向，因此当有人从下拉列表中选择某个项目时，方向将显示在右侧。它开始看起来不错，并正在成形。检查我在方向服务上发送给你的链接。DirectionsRenderer类有一个setPanel（）方法，该方法将在地图中填充结果。将这里的例子与我的进行比较和对比，这样你就能为你的应用程序获得更多的灵感。如果你认为接受我的回答是公平的，请这样做，如果这是有用的。再次感谢你！这就是我的结论：右上角框中的备选路线似乎没有正确更新，当我选择特定的备选路线时，地图也没有改变。我对javascript不熟悉，而且我肯定有一些bug。请你看一下好吗？谢谢不客气。快速说明这是一个问答平台，而不是其他平台。话虽如此，一旦你接受我的回答，我很高兴调查此事。只需点击屏幕上的绿色内容…我认为这是当之无愧的，你会同意吗？

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

        }