Как получить клик на направление рендеринга и его индекс

Question

Я использую карту Google в своем ионном проекте и использую DirectionsService и DirectionsRenderer. Я показываю несколько маршрутов, используя следующий код

 this.directionsService.route({
  origin: this.origin,
  destination: this.end1,
  travelMode: 'WALKING',
  provideRouteAlternatives: true
}, (response, status) => {
  if (status === 'OK') {
    console.log(response);
    for (var i = 0; i < response.routes.length; i++) {
      this.renderDirections(response, this.map, i)
    }
  } else {
    window.alert('Directions request failed due to ' + status);
  }
});

и функцию rederDirection как:

renderDirections(result, map, index) {

var directionsRenderer1 = new google.maps.DirectionsRenderer({
  directions: result,
  routeIndex: index,
  map: map,
  panel: document.getElementById('directionsPanel'),
  polylineOptions: {
    strokeColor: "green",
    strokeWeight:7

  }

});
console.log("routeindex1 = ", directionsRenderer1.getRouteIndex());

}

Я заинтересован в том, чтобы щелкнуть по другому маршруту и ​​изменить цвет на активный цвет выбранного маршрута, как я могу его достичь?