0

このコードを使用して 2 つの場所間の道順を取得していますが、このコードは地図を表示するだけで、道順は描画しません。

$('#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 
});

助けを待っています。

前もって感謝します。

4

1 に答える 1

2

これは私がいつも使用するコードです:
マップ上のルートと #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();
   });
});
于 2012-12-20T14:40:28.850 に答える