Ajax json xmlhttp 关于百度地图学习

前端之家收集整理的这篇文章主要介绍了Ajax json xmlhttp 关于百度地图学习前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

暑假开始在老师指点下,开始学习百度地图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);
	}
	 
}



数据传送部分搞了好多天,在一研究生帮忙下懂了这一点点知识

猜你在找的Ajax相关文章