修改输入框位置 php,百度地址API 计算距离怎么改为可以直接在输入框里填写起点终点...

问题描述:

以下是代码

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

 输入目的地：

// 百度地图API功能

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 += "";

output += plan.getDistance(true) + "
";

document.getElementById('info').innerHTML = output

}

var transit = new BMap.DrivingRoute(map, {

renderOptions: { map: map },

onSearchComplete: searchComplete,

onPolylinesSet: function () {

}

});

function doSearch() {

var txtCity = document.getElementById('pickupAddress'), txtPoint = document.getElementById('deliveryAddress')

if (txtCity.value != ''&&txtPoint.value != '') transit.search(txtCity.value, txtPoint.value);

}

大神，现在代码改为这样，其他没问题了，就是输出时的数据，只显示最新的那个，请问一下怎么修改呢

问题解答:

输入城市：

输入起点： 

输入目的地：

// 百度地图API功能

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) + "

"; //获取时间

output += "总路程为：";

output += plan.getDistance(true) + "

"; //获取距离

}

var transit = new BMap.DrivingRoute(map, {

renderOptions: { map: map },

onSearchComplete: searchComplete,

onPolylinesSet: function () {

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

}

});

function doSearch() {

var txtCity = document.getElementById('txtCity'), txtPoint = document.getElementById('txtPoint')

if (txtCity.value == '') { alert('请输入起点！'); txtCity.focus(); return }

if (txtPoint.value == '') { alert('请输入目的地！'); txtPoint.focus(); return }

transit.search(txtCity.value, txtPoint.value);

}