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'; 
}