wenhongquan
/
GSYH


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">

<!-- jsp文件头和头部 -->
<%@ include file="../index/top.jsp"%>
<!-- 百度echarts -->
<script src="plugins/echarts/echarts.min.js"></script>
<script type="text/javascript">
setTimeout("getTop(globalThis).hangge()",500);
</script>
<style>
        html,
        body,
        #container {
          width: 80%;
          height: 100%;
        }
       ul{margin:0;padding:0;list-style:none;}  
.table1 {
    display: table;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 76%;
    height: 100%;
    position: relative;
    left: 80%;
    top: -100%;
}
.table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}  
.table-column-group{display:table-column-group;}  
.table-column{display:table-column;width:100px;}  
.table-row-group{display:table-row-group;}  
.table-row-head{display:table-row;background:#BCD2EE;} 
.table-row-1{display:table-row;background:#CCCCCC;}  
.table-row-2{display:table-row;background:#EAEAEA;}  
.table-row-group .table-row-1:hover,.table-footer-group .table-row-1:hover{background:#f6f6f6;} 
.table-row-group .table-row-2:hover,.table-footer-group .table-row-2:hover{background:#f6f6f6;}  
.table-cell{display:table-cell;padding:0 0px;white-space:nowrap;border:1px solid #ccc;vertical-align: middle;}  
.table-header-group{display:table-header-group;font-weight:bold;font-size:18px;}  
.table-footer-group{display:table-footer-group;font-weight:bold;font-size:18px;}
    </style>

</head>
<body>
<div id="container"></div>
<div class="table1">  
        <div class="table-header-group">  
            <ul class="table-row-head">  
                <li class="center table-cell">路公司</li>  
                <li class="center table-cell">桥梁</li>  
                <li class="center table-cell">隧道</li> 
                <li class="center table-cell">路线</li> 
            </ul>  
        </div>  
        <div class="table-footer-group">  
            <ul class="table-row-head">  
                <li class="center table-cell">合计</li>  
                <li class="center table-cell">5994个</li>   
                <li class="center table-cell">3个</li>
                <li class="center table-cell">4870.14KM</li>
            </ul>  
        </div>  
        <div class="table-row-group">   
            <ul class="table-row-1">  
                <li class="center table-cell" style="line-height:29px;">江苏省高速公路经营管理中心</li>  
                <li class="center table-cell">960个</li>  
                <li class="center table-cell">1个</li>
                <li class="center table-cell">465.4KM</li>
            </ul>  
			<ul class="table-row-2">  
                <li class="center table-cell" style="line-height:29px;">江苏宁沪高速公路股份有限公司</li>  
                <li class="center table-cell">590个</li>  
                <li class="center table-cell">1个</li>
                <li class="center table-cell">373.77KM</li>
            </ul> 
            <ul class="table-row-1">  
                <li class="center table-cell">江苏京沪高速公路有限公司</li>  
                <li class="center table-cell">409个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">459.98KM</li>
            </ul> 	
            <ul class="table-row-2">  
                <li class="center table-cell">江苏扬子江高速通道管理有限公司</li>  
                <li class="center table-cell">351个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">266.8KM</li>
            </ul> 
            <ul class="table-row-1">  
                <li class="center table-cell">江苏苏通大桥有限责任公司</li>  
                <li class="center table-cell">182个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">243.81KM</li>
            </ul> 
            <ul class="table-row-2">  
                <li class="center table-cell">江苏润扬大桥发展有限责任公司</li>  
                <li class="center table-cell">55个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">34.35KM</li>
            </ul>	
            <ul class="table-row-1">  
                <li class="center table-cell">江苏泰州大桥有限公司</li> 
               	<li class="center table-cell">121个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">90.92KM</li>
            </ul> 
            <ul class="table-row-2">  
                <li class="center table-cell">江苏连徐高速公路有限公司</li>  
               	<li class="center table-cell">762个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">468.6KM</li>
            </ul>  	
            <ul class="table-row-1">  
                <li class="center table-cell">江苏沿江高速公路有限公司</li> 
                <li class="center table-cell">305个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">287.7KM</li>
            </ul> 			
            <ul class="table-row-2">  
                <li class="center table-cell" style="line-height:29px;">江苏宁杭高速公路有限公司</li>  
                <li class="center table-cell">251个</li>  
                <li class="center table-cell">1个</li>
                <li class="center table-cell">273.57KM</li>
            </ul>  
            <ul class="table-row-1">  
                <li class="center table-cell" style="line-height:29px;">江苏宁靖盐高速公路有限公司</li>  
                <li class="center table-cell">469个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">356.26KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏宁宿徐高速公路有限公司</li>  
                <li class="center table-cell">558个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">356.18KM</li>
            </ul>
			<ul class="table-row-1">  
                <li class="center table-cell">江苏东部高速公路管理有限公司</li>  
                <li class="center table-cell">500个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">522.9KM</li>
            </ul> 
            <ul class="table-row-2">  
                <li class="center table-cell">江苏宿淮盐高速公路管理有限公司</li>  
                <li class="center table-cell">481个</li>  
                <li class="center table-cell">0个</li>
                <li class="center table-cell">289.07KM</li>
            </ul>       
            <!-- <ul class="table-row-2">  
                <li class="center table-cell">江苏汾灌高速公路管理有限公司</li>  
                <li class="center table-cell">150个</li>  
                <li class="center table-cell">75个</li>
                <li class="center table-cell">1个</li>
                <li class="center table-cell">252KM</li>
            </ul>  -->
        </div>  
    </div>
<!-- 加载地图JSAPI脚本 -->
<script src="https://webapi.amap.com/maps?v=1.4.13&key=870d02557626b11b47494ec4cdeba2aa"></script>
<script>
    var map = new AMap.Map('container', {
        resizeEnable: true, //是否监控地图容器尺寸变化
        zoom:7, //初始化地图层级
        center: [119.01381,32.951424] //初始化地图中心点
    });
    
    $(function(){
    	getTop(globalThis).hangge();
    	$.ajax({
    		type : "get",
    		url : '<%=basePath%>' + 'main/getMapData',
    		dataType : 'json',
    		success : function(data){
   				var polylines = [];
			    var path = [];
			    var currroad = '12345';
			    for(var i=0;i<data.length;i++){
    				if(data[i].ROAD_NO != currroad){
    					if(path.length > 0) polylines.push(new AMap.Polyline({path: path}));
					    path = [];
					    currroad = data[i].ROAD_NO;
    				}
 					path.push(new AMap.LngLat(data[i].LONGITUDE,data[i].LATITUDE));
					if(!isNaN(data[i].LONGITUDE) && !isNaN(data[i].LATITUDE)){
   						path.push(new AMap.LngLat(data[i].LONGITUDE,data[i].LATITUDE));
   					}
				}
    			/* var path = [
    			    new AMap.LngLat("119.168904","32.913423"),
    			    new AMap.LngLat('119.152341','32.15381')
    			]; */

    			polylines.push(new AMap.Polyline({path: path}));
   			    var overlayGroup = new AMap.OverlayGroup(polylines);
   			    overlayGroup.setOptions({
   			        strokeColor: 'red',
   			        strokeWeight: 3
   			    });
   			    map.add(overlayGroup);
    		}
    	});
    });
</script>

</body>

	
</html>