如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)_javascript技巧

以下是使用js代码实现百度地图计算两地距离，代码如下所示：

<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/area.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2" language="javascript"></script><div>
  <table border="0" align="center" cellpadding="0" cellspacing="0" class="w1000"><tr>
<td>
  </td>
<td valign="top">
  <table width="1000px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
  <table width="1000px" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="19"><span style="padding-top: 2px;"></span></td>                      
                        <td width="60" style="font-size: 12px;">
                          出发城市                        </td>
                        <td>
                          <select id="AreaDept1_Province" style="width: 65px" onchange="changearea(this.value,document.getElementById('AreaDept1_Prefecture'));" name="Area"><option value="">-省份-</option></select><select id="AreaDept1_Prefecture" style="width: 65px" name="City" onchange="changecity(document.getElementById('AreaDept1_Province').value,document.getElementById('AreaDept1_Prefecture').value,document.getElementById('AreaDept1_Xian'))"><option value="">-城市-</option></select><select id="AreaDept1_Xian" style="width: 65px" name="City"><option value="">-县-</option></select><script language="JavaScript" type="text/javascript">
                            setup(document.getElementById("AreaDept1_Province"));
                            //$("#AreaDept1_Province").find("option[text='"+DProvice+"']").attr("selected",true);
                            //changearea(DProvice,document.getElementById('AreaDept1_Prefecture'));
                            //$("#AreaDept1_Prefecture").find("option[text='"+DCity+"']").attr("selected",true);
                          </script>
</td>
                        <td width="26" align="center" style="font-size: 12px;">
                          到                        </td>
                        <td>
                          <select name="mdd" id="mdd" style="width: 65px" onchange="changearea(this.value,document.getElementById('cdd'));"><option value="" selected>-省份-</option></select><select name="cdd" id="cdd" style="width: 65px" onchange="changecity(document.getElementById('mdd').value,document.getElementById('cdd').value,document.getElementById('xian'))"><option value="" selected>-城市-</option></select><select name="xian" id="xian" style="width: 65px"><option value="" selected>-县-</option></select><script language="JavaScript" type="text/javascript">
                            setup(document.getElementById("mdd"));
                          </script>
</td>
                        <td>
                            <div onclick="SetMap(); return false;" style="cursor: pointer; width:81px;">
                        @@##@@</div>
</td>                        
                        <td><table width="380" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="50"> </td>
                          <td width="19"><span style="padding-top: 2px;"></span></td>
                          <td width="90" style="font-size: 12px;"> 出发城市 </td>
                          <td>
                            <input name="farea" type="text" id="farea" size="10">
</td>
                          <td width="26" align="center" style="font-size: 12px;"> 到 </td>
                          <td width="110"><input name="tarea" type="text" id="tarea" size="10"></td>
                          <td><div onclick="SetMap2(); return false;" style="cursor: pointer; width:81px;"> @@##@@</div></td>
                         </tr></table></td>
                      </tr></table>
</td>
   </tr>
<tr>
<td><div style="border: #cccccc 1px solid; padding:5px;"></div></td>
   </tr>
<tr>
<td> </td>
   </tr>
<tr>
<td valign="top">
    <div style="float: left; width: 670px; vertical-align: top;">
      <div style="height: 500px; border: 1px solid gray" id="container">      </div>
    </div>
    <div style="float: right; width: 300px; vertical-align: top;">
      <div style="border: #cccccc 1px solid;">
        <div class="content_title" style="color:Red; background-image:url();border-bottom:solid 1px #ccc; height:30px; text-align:center; font-weight:bold; line-height:30px;" id="div_title">查询结果</div>
        <div id="div_gongli" style="color:#336600; font-weight:bold; padding-left:5px; line-height:35px; font-size:14px;"></div>
        <div id="results" style="font-size: 12px;">        </div>
      </div>
    </div>    </td>
   </tr>
</table>
</td>
 </tr></table>
</div>

Java免费学习笔记：立即学习
解锁 Java 大师之旅：从入门到精通的终极指南