Maps 将DirectionsRenderer的输出发送到文本区域_Maps

Maps 将DirectionsRenderer的输出发送到文本区域

maps

Maps 将DirectionsRenderer的输出发送到文本区域,maps,Maps,有人能帮我把DirectionsRenderer对象的输出发送到textarea吗我试着用代码在两个地方之间找到驾驶方向。我已经让它工作了。但是，我希望在页面上的文本区域中显示方向我有以下代码。请帮帮我 <?php $s= $_REQUEST['source'].", Pune"; $d= $_REQUEST['destination'].", Pune"; ?> <!DOCTYPE html> <html> <he

有人能帮我把DirectionsRenderer对象的输出发送到textarea吗

我试着用代码在两个地方之间找到驾驶方向。我已经让它工作了。但是，我希望在页面上的文本区域中显示方向

我有以下代码。请帮帮我

<?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>


谷歌地图API v3方向示例
var source1=“”；
var dest1=“”；
var directionsService=new google.maps.directionsService（）；
var directionsDisplay=new google.maps.DirectionsRenderer（）；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：7，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
方向显示.setMap（地图）；
directionsDisplay.setPanel（document.getElementById（'panel'）；
var请求={
来源：资料来源1，
目的地：目的地1，
travelMode:google.maps.Directions travelMode.DRIVING
};
路由（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
方向显示。设置方向（响应）；
}
});

获得指示后，您需要使用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);

我使用

来显示结果。在脚本中，我替换了以下内容：

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

与：

它成功了

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