2017-05-29 21 views
1

私はドラッグ可能なルートを作成する必要があります。ドラッグ可能なルートをクリックすると座標を表示する必要があります。私はこのような機能を実装していますDirectionsRendererまたは他の代替のイベントをクリックします。

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

が、ドラッグ可能DirectionsRendererでは動作しませんイベントをクリックします。 下の画像に表示されている地図カーソル上のクリックイベントで何らかの操作を実装したいと思います。 directions-draggableからのコードを使用して

enter image description here

+0

ように変化の方向ルートの座標を取得することができます。 –

+0

@ Deep3015私はその時点で座標を取得したいと思います。 –

答えて

0

、あなたは??見せたいん何

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

経路をドラッグすると座標を返します。私は経路をドラッグしていない場合は、座標を印刷するルートをクリックしています。このシナリオを探している画像 –

+0

に示されています。 wait –

+0

あなたは 'console.log(myroute.legs [i] .steps)'からそのオブジェクトに存在するポイントの1つとして見つける必要があると思います –