Javascript 单击事件以选择多个google地图路线

我需要将多个自定义路由添加到地图，并在用户单击路由时重定向到特定页面。到目前为止，当用户单击航路点或自定义标签时，我能够做到这一点，但不能单击路线本身。起初，我试图通过在每个坐标之间绘制一条多段线来构建路线，并且可以将单击事件附加到路线上，但无法在同一地图上绘制多条路线。使用当前的绘制方法，我可以绘制多条管线，但不能将单击事件附加到管线上。非常感谢您的帮助

  google.maps.event.addListener(directionsRenderer,'click', function (evt) {
  console.log('ev', evt);
  infowindow.setContent("you clicked on the route<br>" + evt.latLng.toUrlValue(6));
  infowindow.setPosition(evt.latLng);
  infowindow.open(map);
})

使用中的代码，并进行修改，以允许其创建多条管线，而不是更新单个管线（将

多段线

的声明设置为

渲染方向多段线

，并添加

颜色

和

课程

参数）：

可能重复我记得看过那个例子，但仍然无法绘制多条路线。也许这是一个更好的问题。但在我的上一篇文章中，是否可以在路线中添加一个单击事件？如果没有，为什么不呢？请阅读我对可能重复的答案（上面说“DirectionsRenderer上没有“单击”事件”）。非常感谢geocodezip。我真的很感谢你的帮助。

function renderDirectionsPolylines(response, color, course) {
  var polylines = [];
  polylineOptions.strokeColor = color;
  for (var i = 0; i < polylines.length; i++) {
    polylines[i].setMap(null);
  }
  var legs = response.routes[0].legs;
  for (i = 0; i < legs.length; i++) {
    var steps = legs[i].steps;
    for (j = 0; j < steps.length; j++) {
      var nextSegment = steps[j].path;
      var stepPolyline = new google.maps.Polyline(polylineOptions);
      for (k = 0; k < nextSegment.length; k++) {
        stepPolyline.getPath().push(nextSegment[k]);
      }
      stepPolyline.setMap(map);
      polylines.push(stepPolyline);
      google.maps.event.addListener(stepPolyline, 'click', function(evt) {
        infowindow.setContent("you clicked on "+course+"<br>" + evt.latLng.toUrlValue(6));
        infowindow.setPosition(evt.latLng);
        infowindow.open(map);
      });
    }
  }
}