發送的DirectionsRenderer的輸出到一個文本

誰能幫我發送的DirectionsRenderer對象的輸出到一個文本發送的DirectionsRenderer的輸出到一個文本

我已經嘗試了代碼，兩兩地之間的行車路線。我有它的工作。但是，我正在尋找在文本區域顯示路線，我在頁面上顯示了路線。

我有以下代碼。請幫幫我。

<?php 
$s= $_REQUEST['source'].", Pune"; 
$d= $_REQUEST['destination'].", Pune"; 

?> 

    <!DOCTYPE html> 


    <html> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
     <title>Google Maps API v3 Directions Example</title> 
     <script type="text/javascript" 
      src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    </head> 
    <body style="font-family: Arial; font-size: 12px;"> 
     <div style="width: 600px;"> 
     <div id="map" style="width: 280px; height: 400px; float: left;"></div> 
     <div id="panel" style="width: 300px; float: right;"></div> 
    </div> 
     <textarea cols="100" rows="10" id="abc"/> 
     </textarea> 
     <script type="text/javascript">  

     var source1 = "<?php echo $s; ?>"; 
     var dest1 = "<?php echo $d; ?>"; 
    var directionsService = new google.maps.DirectionsService(); 
    var directionsDisplay = new google.maps.DirectionsRenderer(); 

    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom:7, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    directionsDisplay.setMap(map); 
    directionsDisplay.setPanel(document.getElementById('panel')); 

    var request = { 
     origin: source1, 
     destination: dest1, 
     travelMode: google.maps.DirectionsTravelMode.DRIVING 
    }; 

    directionsService.route(request, function(response, status) { 
     if (status == google.maps.DirectionsStatus.OK) { 

    directionsDisplay.setDirections(response); 


     } 
    }); 
    </script> 
    </body> 
    </html>

來源

2013-04-16 Saurabh Sharma

您需要在獲取路線後使用setPanel。 setPanel將方向文本寫入div。

e.g. 

    var MapRenderer = new google.maps.DirectionsRenderer(); 
      MapRenderer.setMap(map); 
      MapRenderer.setDirections(objRoute); 
      //Clear the div. 
      document.getElementById("oUserPoints").innerHTML = ""; 
      //Display the route as text in the div. 
      MapRenderer.setPanel(oUserPoints);

來源

2013-04-27 14:51:45 John

-1

我用<div id="content">顯示結果。在腳本我換成這樣的：

directionsDisplay.setPanel(document.getElementById('panel'));

有：

directionsDisplay.setPanel(document.getElementById('content'));

和它的工作。

來源

2016-06-05 18:55:26 user6427613

發送的DirectionsRenderer的輸出到一個文本

回答

相關問題