高德获取servlet传递参数并显示.zip_chartlgy_servlet_高德_高德地图

<script language="javascript" type="text/javascript"> var lng='<%=request.getAttribute("longtitude")%>'; var lat='<%=request.getAttribute("latitude")%>'; var num='<%=request.getAttribute("num")%>'; var s; var?array?=?new?Array(num); for(s=0;s<num;s++)?{ array[s]=new Array(2); } <c:forEach items="${lnglat}" var="item" varStatus="status" > var x=${status.index}; array[x][0]=${item.lng}; array[x][1]=${item.lat}; </c:forEach> var map = new AMap.Map('map',{ resizeEnable: true, zoom:6, center: [112.562678,37.873499], pitchEnable:true, pitch:40 }); /*添加选择故障台站*/ var markers = array; for(var i=0;i<array.length;i+=1) { var center1=array[i]; var circleMarker = new AMap.CircleMarker({ center: center1, radius:10, strokeColor:'black', strokeWeight:2, strokeOpacity:0.5, fillColor:'rgba(255,255,255,1)', fillOpacity:0.5, zIndex:10, bubble:true, cursor:'pointer', clickable: true }); circleMarker.setMap(map) } //获取数据库中最新地震信息的经纬度，绘制震中 var center=[lng,lat]; var text = new AMap.Text({ text:'震中', textAlign:'center', // 'left' 'right', 'center', verticalAlign:'middle', //middle 、bottom draggable:false, topWhenClick:true, cursor:'pointer', angle:0, zIndex:130, position: center, style:{ 'background-color':'rgba(0,0,0,0)', 'border':'solid 0px', 'padding':'3px 3px', 'font-size':'16px' } }); text.setMap(map); AMapUI.loadUI(['overlay/SvgMarker'], function(SvgMarker) { if (!SvgMarker.supportSvg) { //当前环境并不支持SVG，此时SvgMarker会回退到父类，即SimpleMarker alert('当前环境不支持SVG'); } //创建一个五角星状的shape var shape = new SvgMarker.Shape.FivePointsStar({ height: 20, //高度 fillColor: 'red' }); //利用该shape构建SvgMarker new SvgMarker(shape,{ zIndex: 120, map: map, position: center, showPositionPoint:true }); }); /*添加市界*/ var geojsonURL11 = 'map/JSON/SHIJIE.json'; //该GeoJson仅供本示例使用 var xhr11 = new XMLHttpRequest(); xhr11.onreadystatechange = function() { if (xhr11.readyState === 4 && xhr11.status === 200) { var geojson11 = new AMap.GeoJSON({ geoJSON:JSON.parse(xhr11.responseText), //geojsonObject, 'getPolygon': function(geojson11, lnglats) {//还可以自定义getMarker和getPolyline //var area = AMap.GeometryUtil.ringArea(lnglats[0]);//求面积 return new AMap.Polygon({ map: map, path: lnglats, strokeColor: "#C5C1AA",//线颜色 strokeOpacity: 1,//线透明度 strokeWeight: 1,//线粗细 strokeStyle: "dashed", fillColor: "#f5deb3",//填充颜色 fillOpacity: 0.15//填充透明度 }); } }); geojson11.setMap(map); } }; xhr11.open('GET', geojsonURL11); xhr11.send(); /*添加57个测震台站*/ var geojsonURL1 = 'map/JSON/57czsta.json'; //该GeoJson仅供本示例使用 var xhr1 = new XMLHttpRequest(); xhr1.onreadystatechange = function() { if (xhr1.readyState === 4 && xhr1.status === 200) { var geojson1 = new AMap.GeoJSON({ geoJSON:JSON.parse(xhr1.responseText), //geojsonObject, 'getMarker': function(geojson1, lnglats) {//还可以自定义getMarker和getPolyline return new AMap.CircleMarker({ center: lnglats, // 圆心位置 radius: 5, //半径 strokeColor: "#3A5FCD", //线颜色 strokeOpacity: 1, //线透明度 strokeWeight: 1, //线粗细度 fillColor: "#3A5FCD", //填充颜色 fillOpacity: 1 ,//填充透明度 opacity: 0.6 }); } }); geojson1.setMap(map); } }; xhr1.open('GET', geojsonURL1); xhr1.send(); /*添加震中100km缓冲区*/ var circle = new AMap.Circle({ center: center, // 震中圆心位置 radius: 100000, //半径 strokeColor: "#F33", //线颜色 strokeOpacity: 1, //线透明度 strokeWeight: 3, //线粗细度 fillColor: "#ee2200", //填充颜色 fillOpacity: 0.35 //填充透明度 }); circle.setMap(map); var geojsonURL23 = 'map/JSON/56qzsta.json';//添加56个强震台站 //该GeoJson仅供本示例使用 var xhr23 = new XMLHttpRequest(); xhr23.onreadystatechange = function() { if (xhr23.readyState === 4 && xhr23.status === 200) { var geojson23 = new AMap.GeoJSON({ geoJSON:JSON.parse(xhr23.responseText), //geojsonObject, 'getMarker': function(geojson23, lnglats) {//还可以自定义getMarker和getPolyline return new AMap.CircleMarker({ center: lnglats, // 圆心位置 radius: 4, //半径 strokeColor: "#66CD00", //线颜色 strokeOpacity: 1, //线透明度 strokeWeight: 1, //线粗细度 fillColor: "#66CD00", //填充颜色 fillOpacity: 1 ,//填充透明度 opacity: 0.6 }); } }); geojson23.setMap(map); } }; xhr23.open('GET', geojsonURL23); xhr23.send(); </script>