暑假开始在老师指点下,开始学习百度地图api的东西,才发现百度有那么好的东西。
期间任务一直在拖,,,,直到今天,完成了最开始的小目的。
为了使在前后台传递经纬度的数据用了Ajax json xmlhttp的东西,全新的东西,学了一点点。
Servlet部分
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
gpsbeandao bean = new gpsbeandao();
List<gpsbean> gpsbeans = bean.getStoreList(); //数据获得,存到list的方法
JSONArray json = new JSONArray();
json.addAll(gpsbeans);
resp.getWriter().print(json);
}
jsp部分
var getData = function(url) {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else {
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = drawLine;
xmlhttp.open("GET",url,true); //map为url
xmlhttp.send();
}
var drawLine = function() {
var pointArr = [];
if(xmlhttp.readyState==4 && xmlhttp.status==200) {
//将json字符串转换成json对象
var json=eval('('+xmlhttp.responseText+')'); //<span style="font-family: Arial, Helvetica, sans-serif;">xmlhttp.responseText</span>获得的是String型
for(var i = 0;i < json.length;i++) {
<span style="white-space:pre"> </span> var bd=wgs2bd( json[i].gpslatitude,json[i].gpslongitude); //wgs2bd为把gps的坐标换做百度坐标函数(不是官方的标准函数)
<span style="white-space:pre"> </span> pointArr.push(new BMap.Point(bd.lng,bd.lat));
}
var polyline = new BMap.Polyline(pointArr, {strokeColor:"blue", strokeWeight:1, strokeOpacity:0.7});
map.addOverlay(polyline);
//设置地图的视野包含所有的轨迹点
//map.setViewport(pointArr);
}
}
![可怜](http://static.blog.csdn.net/xheditor/xheditor_emot/default/cute.gif)