Google地圖獲取路線

Question

我使用這段代碼獲取兩個地點之間的路線，但此代碼僅顯示地圖，並未繪製任何方向。

$('#map_canvas').gmap({ 
    'center': new google.maps.LatLng(32.498467,74.542126) 
}); 
$('#map_canvas').gmap('loadDirections', 'panel', { 
    'origin': new google.maps.LatLng(32.498467,74.542126), 
    'destination': new google.maps.LatLng(29.070574,76.112457), 
    'travelMode': google.maps.DirectionsTravelMode.DRIVING 
}); 

等待幫助。

在此先感謝。

Answer 1

這是代碼我總是用：
它顯示了#info DIV在地圖上和方向信息的路線

<form id="route">      
    <label>Address: <input type="text" id="addr" /></label> 
    <button id="route">Calculate route</button> 
</form> 
<div id="map_canvas"></div> 
<div id="info"></div> 

$(function(){ 
    var center = new google.maps.LatLng(32.498467,74.542126); 
    var map = new google.maps.Map(document.getElementById("map_canvas"),{ 
     center: center, 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
    var m = new google.maps.Marker({map:map,position:center}); 
    var dD = new google.maps.DirectionsRenderer({map:map,panel:$('#info')[0]}); 

    $('#route').submit(function(ev){ 
     var addr = $('#addr').val(); 
     var ds = new google.maps.DirectionsService(); 
     ds.route({ 
     origin:addr, 
     destination:center, 
     region:'at', 
     travelMode: google.maps.TravelMode.DRIVING 
     },function(result,status){ 
     // if(status == google.maps.DirectionsStatus.OK){ 
      dD.setDirections(result); 
      $('#info').fadeIn(200);    
     // } 
     }); 
     ev.preventDefault(); 
    }); 
});