在DirectionsRenderer或任何其他备用项目上单击事件

Question

我有要求，我需要创建可拖动的路线，在某些时候我想在点击可拖动的路线时显示坐标。

我正在实现这样的功能，

directionsDisplay.addListener('click', function(event) {
            // Some opeation.
});

但是click事件对可拖动的DirectionsRenderer不起作用。 我想对下图中显示的地图光标上的点击事件实施一些操作。

Answer 1

使用directions-draggable中的代码，您可以将更改后的路线的坐标视为

Fiddle Demo

function computeTotalDistance(result) {
  var total = 0;
  var myroute = result.routes[0];
  for (var i = 0; i < myroute.legs.length; i++) {
    //console.log(myroute.legs[i])
    console.log('Start Loc: ' + myroute.legs[i].start_location + 'Start Location: ' + myroute.legs[i].start_address);
    console.log('End Loc:' + myroute.legs[i].end_location + 'End Location: ' + myroute.legs[i].end_address);
    total += myroute.legs[i].distance.value;
  }
  total = total / 1000;
  document.getElementById('total').innerHTML = total + ' km';
}