<!--div width="300px">请输入:<input type="text" id="suggestId" size="20" value="" style="width:150px;" /><input type="button" value="submit" id="submit" onClick="getAddress()"></div>
<!--div id="result" style=" width:400px; float:left"></div-->
<div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript">
var search="frm_street"; //定义查询框ID;
var local="广汉市"; // 定义本地地址;
var lng="104.290493"; //经度
var lat="30.981528"; //纬度
var spoi = new BMap.Point(lng,lat); //经纬度
var map = new BMap.Map("container"); //创建地图实例
var point = new BMap.Point(lng,lat); //创建点坐标
map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //启用滚轮放大缩小地图
//add_flag0();
//=================获取元素==========================\\
function G(id) {
return document.getElementById(id);
}
function GV(id){
return document.getElementById(id).value;
}
//=================添加标记==========================\\
//添加标记
function add_flag0(){
var localmarker=new BMap.Marker(new BMap.Point(lng,lat));
map.addOverlay(localmarker);
}
//添加目的地标记
function add_flag1(point){
map.centerAndZoom(point, 15);
map.clearOverlays(); //清除地图上所有覆盖物
add_flag0(); //添加标记
var newmarker=new BMap.Marker(new BMap.Point(point.lng,point.lat));
map.addOverlay(newmarker);
newmarker.enableDragging();//开启拖动
driveline(spoi,point);
longAndtime(spoi,point);
document.edit.lng.value=point.lng;
document.edit.lat.value=point.lat;
}
function add_flag2(){
}
//=================从输入框获取地址地址==============\\
function getAddress(){
get_point(GV(search));
}
//=================地址解析(根据地址获取坐标点)==========================\\
function get_point(address){
var myGeo = new BMap.Geocoder(); // 创建地址解析器实例
myGeo.getPoint(address, function(point){
if (point) { //如果地址能解析,标记
add_flag1(point);
}else{
alert("地址无法找到!");
}
},local);
}
//=================地址反解析(根据坐标点获取地址)==========================\\
function get_address(e){
var gc = new BMap.Geocoder(); // 创建地址反解析器实例
var pt = e.point;
var result;
add_flag1(pt);
gc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
if (addComp.street + addComp.streetNumber=="")
{
result="地址无法找到!";
}
else{
result=addComp.street + addComp.streetNumber;
}
document.edit.frm_street.value=result;
return result;
});
}
//==============自动下拉列表=========================\\
var ac = new BMap.Autocomplete( {"input" : search,"location" : local} ); //建立一个自动完成的对象
ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
var _value = e.item.value;
myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
setPlace();
});
function setPlace(){
// map.clearOverlays(); //清除地图上所有覆盖物
function myFun(){
var pp = ls.getResults().getPoi(0).point; //获取第一个智能搜索的结果
add_flag1(pp);
}
var ls = new BMap.LocalSearch(local, { //智能搜索
onSearchComplete: myFun
});
ls.search(myValue);
}
//=================搜索线路==========================\\
function driveline(myP1,myP2){
var driving = new BMap.DrivingRoute(map); //创建驾车实例
driving.search(myP1, myP2); //第一个驾车搜索
driving.setSearchCompleteCallback(function(){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
var lab1 = new BMap.Label("起点",{position:myP1}); //创建2个label
var lab2 = new BMap.Label("终点",{position:myP2});
map.addOverlay(lab1);
map.addOverlay(lab2);
setTimeout(function(){
map.setViewport([myP1,myP2]); //调整到最佳视野
},1000);
});}
//=================驾车时间距离==============\\
function longAndtime(spoi,point){
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,panel:"result"},
//var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},
// onSearchComplete: searchComplete,
// onPolylinesSet: function(){
// setTimeout(function(){alert(output)},"1000");}
});
transit.search(spoi, point);
}
//=================单击地图监听事件==========================\\
map.addEventListener("click", function(e){
get_address(e);
// alert(get_address(e));
});
//=================移动地图监听事件==========================\\
newmarker.addEventListener("dragend", function(e){
});
</script>
[javascript] view plain copy print?
<!--div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript">
var local="广汉市"; // 定义本地地址;
var lng="104.290493"; //经度
var lat="30.981528"; //纬度
var spoi = new BMap.Point(lng,lat); //经纬度
var map = new BMap.Map("map"); //创建地图实例
var point = new BMap.Point(lng,lat); //创建点坐标
map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //启用滚轮放大缩小地图
var map = new BMap.Map("map");
var point = new BMap.Point(104.290493,30.981528);
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
creat("m4043",104.290493,30.981528,"2012年4月30日","汉口路28号","151038432334");
var infoWindow;
//根据传过来的信息,添加覆盖物
function creat(id,lng,lat,time,address,phone){
var message = "<table width='100%' border='0' cellspacing='2' cellpadding='5'>"+
"<tr class='even'>"+
"<td><div align='center'>呼救时间</div></td>"+
"<td><div align='center'>"+time+"</div></td>"+
"</tr>"+
"<tr class='even'>"+
"<td><div align='center'>事故地址</div></td>"+
"<td><div align='center'>"+address+"</div></td>"+
"</tr>"+
"<tr class='even'>"+
"<td><div align='center'>呼救电话</div></td>"+
"<td><div align='center'>"+phone+"</div></td>"+
"</tr>"+
"<tr class='odd'>"+
"<td colspan='2'><div align='center'>分派 细节 编辑</div></td>"+
"</tr>"+
"<tr class='odd'>"+
"<td colspan='2'><div align='center'>跟踪 打印派车单</div></td>"+
"</tr>"+
"</table>";
var myIcon = new BMap.Icon("./markers/white.png",new BMap.Size(28, 37));
id = new BMap.Marker(new BMap.Point(lng,lat),{icon: myIcon}); // 创建标注
map.addOverlay(id); // 将标注添加到地图中
id.addEventListener("click", function(e){
this.openInfoWindow(infoWindow);
});
//id.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
infoWindow = new BMap.InfoWindow(message); // 创建信息窗口对象
}
//点击列表,传一个point值,显示信息框
function click_list(point){
map.openInfoWindow(infoWindow,point);
}
</script>
<!--div id="result" style=" width:400px; float:left"></div-->
<div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript">
var search="frm_street"; //定义查询框ID;
var local="广汉市"; // 定义本地地址;
var lng="104.290493"; //经度
var lat="30.981528"; //纬度
var spoi = new BMap.Point(lng,lat); //经纬度
var map = new BMap.Map("container"); //创建地图实例
var point = new BMap.Point(lng,lat); //创建点坐标
map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //启用滚轮放大缩小地图
//add_flag0();
//=================获取元素==========================\\
function G(id) {
return document.getElementById(id);
}
function GV(id){
return document.getElementById(id).value;
}
//=================添加标记==========================\\
//添加标记
function add_flag0(){
var localmarker=new BMap.Marker(new BMap.Point(lng,lat));
map.addOverlay(localmarker);
}
//添加目的地标记
function add_flag1(point){
map.centerAndZoom(point, 15);
map.clearOverlays(); //清除地图上所有覆盖物
add_flag0(); //添加标记
var newmarker=new BMap.Marker(new BMap.Point(point.lng,point.lat));
map.addOverlay(newmarker);
newmarker.enableDragging();//开启拖动
driveline(spoi,point);
longAndtime(spoi,point);
document.edit.lng.value=point.lng;
document.edit.lat.value=point.lat;
}
function add_flag2(){
}
//=================从输入框获取地址地址==============\\
function getAddress(){
get_point(GV(search));
}
//=================地址解析(根据地址获取坐标点)==========================\\
function get_point(address){
var myGeo = new BMap.Geocoder(); // 创建地址解析器实例
myGeo.getPoint(address, function(point){
if (point) { //如果地址能解析,标记
add_flag1(point);
}else{
alert("地址无法找到!");
}
},local);
}
//=================地址反解析(根据坐标点获取地址)==========================\\
function get_address(e){
var gc = new BMap.Geocoder(); // 创建地址反解析器实例
var pt = e.point;
var result;
add_flag1(pt);
gc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
if (addComp.street + addComp.streetNumber=="")
{
result="地址无法找到!";
}
else{
result=addComp.street + addComp.streetNumber;
}
document.edit.frm_street.value=result;
return result;
});
}
//==============自动下拉列表=========================\\
var ac = new BMap.Autocomplete( {"input" : search,"location" : local} ); //建立一个自动完成的对象
ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
var _value = e.item.value;
myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
setPlace();
});
function setPlace(){
// map.clearOverlays(); //清除地图上所有覆盖物
function myFun(){
var pp = ls.getResults().getPoi(0).point; //获取第一个智能搜索的结果
add_flag1(pp);
}
var ls = new BMap.LocalSearch(local, { //智能搜索
onSearchComplete: myFun
});
ls.search(myValue);
}
//=================搜索线路==========================\\
function driveline(myP1,myP2){
var driving = new BMap.DrivingRoute(map); //创建驾车实例
driving.search(myP1, myP2); //第一个驾车搜索
driving.setSearchCompleteCallback(function(){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组
var polyline = new BMap.Polyline(pts);
map.addOverlay(polyline);
var lab1 = new BMap.Label("起点",{position:myP1}); //创建2个label
var lab2 = new BMap.Label("终点",{position:myP2});
map.addOverlay(lab1);
map.addOverlay(lab2);
setTimeout(function(){
map.setViewport([myP1,myP2]); //调整到最佳视野
},1000);
});}
//=================驾车时间距离==============\\
function longAndtime(spoi,point){
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,panel:"result"},
//var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},
// onSearchComplete: searchComplete,
// onPolylinesSet: function(){
// setTimeout(function(){alert(output)},"1000");}
});
transit.search(spoi, point);
}
//=================单击地图监听事件==========================\\
map.addEventListener("click", function(e){
get_address(e);
// alert(get_address(e));
});
//=================移动地图监听事件==========================\\
newmarker.addEventListener("dragend", function(e){
});
</script>
[javascript] view plain copy print?
<!--div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript">
var local="广汉市"; // 定义本地地址;
var lng="104.290493"; //经度
var lat="30.981528"; //纬度
var spoi = new BMap.Point(lng,lat); //经纬度
var map = new BMap.Map("map"); //创建地图实例
var point = new BMap.Point(lng,lat); //创建点坐标
map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //启用滚轮放大缩小地图
var map = new BMap.Map("map");
var point = new BMap.Point(104.290493,30.981528);
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
creat("m4043",104.290493,30.981528,"2012年4月30日","汉口路28号","151038432334");
var infoWindow;
//根据传过来的信息,添加覆盖物
function creat(id,lng,lat,time,address,phone){
var message = "<table width='100%' border='0' cellspacing='2' cellpadding='5'>"+
"<tr class='even'>"+
"<td><div align='center'>呼救时间</div></td>"+
"<td><div align='center'>"+time+"</div></td>"+
"</tr>"+
"<tr class='even'>"+
"<td><div align='center'>事故地址</div></td>"+
"<td><div align='center'>"+address+"</div></td>"+
"</tr>"+
"<tr class='even'>"+
"<td><div align='center'>呼救电话</div></td>"+
"<td><div align='center'>"+phone+"</div></td>"+
"</tr>"+
"<tr class='odd'>"+
"<td colspan='2'><div align='center'>分派 细节 编辑</div></td>"+
"</tr>"+
"<tr class='odd'>"+
"<td colspan='2'><div align='center'>跟踪 打印派车单</div></td>"+
"</tr>"+
"</table>";
var myIcon = new BMap.Icon("./markers/white.png",new BMap.Size(28, 37));
id = new BMap.Marker(new BMap.Point(lng,lat),{icon: myIcon}); // 创建标注
map.addOverlay(id); // 将标注添加到地图中
id.addEventListener("click", function(e){
this.openInfoWindow(infoWindow);
});
//id.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
infoWindow = new BMap.InfoWindow(message); // 创建信息窗口对象
}
//点击列表,传一个point值,显示信息框
function click_list(point){
map.openInfoWindow(infoWindow,point);
}
</script>