点击同一Google地图上的多个路线

Question

我想在此网站上的同一Google地图上重现多方向路线系统：http://hotelberna.com/en/where-we-are/

相同的起点和多个目的地。当我点击每个最终目的地时，地图会显示新路线。

提前致谢

Answer 1

我认为你一定在谈论这样的事情，对吧？ http://jsfiddle.net/dm1o1ktf/
（sample code in the documentation）的修改版本

当您选择新位置时，您需要触发一些像calcRoute这样的功能;在其中使用directionsService计算新路线，如下所示：

function calcRoute() {
  var start = "Mountain View, CA";
  var end = document.getElementById('end').value;
  var request = {
      origin:start,
      destination:end,
      travelMode: google.maps.TravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}