首先引入地图API:
CSS
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
HTML代码:
Javascript代码如下:
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 += "从"+cities[m]+"到"+cities[n]+"需要"
output += plan.getDuration(true) + "\n"; //获取时间
output += "总路程为:" ;
output += plan.getDistance(true) + "\n\n"; //获取距离
};
var cities = ['深圳市','广州市','南京市','兰州市'];
var m=0;
var n=1;
var len = cities.length;
var transit = new BMap.DrivingRoute(map, {
renderOptions: {map: map},
onSearchComplete: searchComplete,
onPolylinesSet: function()
{
if(nn = n+1;
}else{
m = m+1;
n = m+1;
if(n==len){
alert(output);
return;
}
}
setTimeout(function(){
transit.search(cities[m],cities[n]);
},"1000");
}
});
transit.search(cities[m],cities[n] );