DirectionsRenderer或任何其他替代方案上的Click事件

Question

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

我实现这样的功能，

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

但点击事件上拖动的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'; 
}