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

2015-10-30 15:31作者：yezheng

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

</head>

<body>

<div>

<tr>

<td>

<tr>

<td>

<tr>

出发城市 </td>

<td>

<select id="AreaDept1_Province" style="width: 65px" onChange="changearea(this.value,document.getElementById('AreaDept1_Prefecture'));"

name="Area">

</select>

</select>

</select>

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>

<td>

</select>

</select>

</select>

setup(document.getElementById("mdd"));

</script> </td>

<td>

<tr>

<td>

</td>

</tr>

</table></td>

</tr>

</table>

</div> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</div>

</div>

</div> </td>

</tr>

</table></td>

</tr>

</table>

</div>

</body>

</html>

var map = new BMap.Map("container");

//var mapStyle = { style: "mapbox" }

//map.setMapStyle(mapStyle);

map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);

//map.centerAndZoom(point, 11);

map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件

map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件

map.enableScrollWheelZoom(); //启用滚轮放大缩小

map.setMapStyle({ style: "mapbox" });

function SetMap() {

var oGl = document.getElementById("div_gongli");

var ofprovince = document.getElementById("AreaDept1_Province")

var ofname = document.getElementById("AreaDept1_Prefecture")

var ofxian = document.getElementById("AreaDept1_Xian")

var otprovince = document.getElementById("mdd")

var otname = document.getElementById("cdd");

var otxian = document.getElementById("xian")

var output = "全程：";

if (ofname.value == "") {

alert('请输入出发地！');

return;

}

if (otname.value == "") {

alert('请输入到达地!');

return;

}

var title = document.getElementById("div_title");

title.innerText = "'" + ofprovince.value + ofname.value + ofxian.value + "到" + otprovince.value + otname.value + otxian.value + "' 查询结果";

var searchComplete = function(results) {

if (transit.getStatus() != BMAP_STATUS_SUCCESS) { return; }

var plan = results.getPlan(0);

output += plan.getDistance(true); //获取距离

output += "/";

output += plan.getDuration(true); //获取时间

}

var transit = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "results", autoViewport: true },

onSearchComplete: searchComplete,

onPolylinesSet: function() { oGl.innerText = output; }

});

transit.search(ofprovince.value + ofname.value + ofxian.value, otprovince.value + otname.value + otxian.value);

}

function SetMap2() {

var oGl = document.getElementById("div_gongli");

var ofname = document.getElementById("farea");

var otname = document.getElementById("tarea");

var output = "全程：";

if (ofname.value == "") {

alert('请输入出发地！');

return;

}

if (otname.value == "") {

alert('请输入到达地!');

return;

}

var title = document.getElementById("div_title");

title.innerText = "'" + ofname.value + "到" + otname.value + "' 查询结果";

var searchComplete = function(results) {

if (transit.getStatus() != BMAP_STATUS_SUCCESS) { return; }

var plan = results.getPlan(0);

output += plan.getDistance(true); //获取距离

output += "/";

output += plan.getDuration(true); //获取时间

}

var transit = new BMap.DrivingRoute(map, { renderOptions: { map: map, panel: "results", autoViewport: true },

onSearchComplete: searchComplete,

onPolylinesSet: function() { oGl.innerText = output; }

});

transit.search(ofname.value, otname.value);

}

</script>

下面给大家介绍C#如何根据百度地图，计算出两地之间的驾驶距离

<html>

<head>

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}

#r-result{height:100%;width:20%;float:left;}

</style>

<title>计算驾车时间与距离</title>

</head>

<body>

</body>

</html>

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);

var output = "从上地到西单驾车需要";

var searchComplete = function (results){

if (transit.getStatus() != BMAP_STATUS_SUCCESS){

return ;

}

var plan = results.getPlan(0);

output += plan.getDuration(true) + "n"; //获取时间

output += "总路程为：" ;

output += plan.getDistance(true) + "n"; //获取距离

}

var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},

onSearchComplete: searchComplete,

onPolylinesSet: function(){

setTimeout(function(){alert(output)},"1000");

}});

transit.search("上地", "西单");

</script>