wenhongquan
/
GSYH


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
							<%@ 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> 
                <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">9256个</li>  
                <li class="center table-cell">1400个</li>  
                <li class="center table-cell">50个</li>
                <li class="center table-cell">4436KM</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">1417个</li>  
                <li class="center table-cell">125个</li>
                <li class="center table-cell">8个</li>
                <li class="center table-cell">917KM</li>
            </ul>   
            <ul class="table-row-2">  
                <li class="center table-cell" style="line-height:29px;">江苏宁杭高速公路有限公司</li>  
                <li class="center table-cell">311个</li>  
                <li class="center table-cell">125个</li>
                <li class="center table-cell">8个</li>
                <li class="center table-cell">179KM</li>
            </ul>  
            <ul class="table-row-1">  
                <li class="center table-cell" style="line-height:29px;">江苏宁靖盐高速公路有限公司</li>  
                <li class="center table-cell">474个</li>  
                <li class="center table-cell">125个</li>
                <li class="center table-cell">8个</li>
                <li class="center table-cell">270KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏宁宿徐高速公司有限公司</li>  
                <li class="center table-cell">750个</li>  
                <li class="center table-cell">92个</li>
                <li class="center table-cell">2个</li>
                <li class="center table-cell">307KM</li>
            </ul>
            <ul class="table-row-1">  
                <li class="center table-cell">江苏宿淮盐高速公路管理有限公司</li>  
                <li class="center table-cell">763个</li>  
                <li class="center table-cell">89个</li>
                <li class="center table-cell">2个</li>
                <li class="center table-cell">242KM</li>
            </ul> 
            <ul class="table-row-2">  
                <li class="center table-cell">江苏广靖锡澄高速公路有限责任公司</li>  
                <li class="center table-cell">799个</li>  
                <li class="center table-cell">88个</li>
                <li class="center table-cell">1个</li>
                <li class="center table-cell">349KM</li>
            </ul> 
            <ul class="table-row-1">  
                <li class="center table-cell">江苏东部高速公路管理有限公司</li>  
                <li class="center table-cell">768个</li>  
                <li class="center table-cell">95个</li>
                <li class="center table-cell">2个</li>
                <li class="center table-cell">456KM</li>
            </ul> 
            <ul class="table-row-2">  
                <li class="center table-cell">江苏宁常镇溧高速公路有限公司</li>  
                <li class="center table-cell">396个</li>  
                <li class="center table-cell">67个</li>
                <li class="center table-cell">1个</li>
                <li class="center table-cell">189KM</li>
            </ul> 
            <ul class="table-row-1">  
                <li class="center table-cell" style="line-height:29px;">江苏宁沪高速公路股份有限公司</li>  
                <li class="center table-cell">734个</li>  
                <li class="center table-cell">125个</li>
                <li class="center table-cell">8个</li>
                <li class="center table-cell">265KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏扬子大桥股份有限公司</li>  
                <li class="center table-cell">162个</li>  
                <li class="center table-cell">115个</li>
                <li class="center table-cell">7个</li>
                <li class="center table-cell">58KM</li>
            </ul>
            <ul class="table-row-1">  
                <li class="center table-cell">江苏京沪高速公路有限公司</li>  
                <li class="center table-cell">748个</li>  
                <li class="center table-cell">124个</li>
                <li class="center table-cell">6个</li>
                <li class="center table-cell">373KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏苏通大桥有限责任公司</li>  
                <li class="center table-cell">682个</li>  
                <li class="center table-cell">110个</li>
                <li class="center table-cell">6个</li>
                <li class="center table-cell">73KM</li>
            </ul>  
            <ul class="table-row-1">  
                <li class="center table-cell">江苏润扬大桥发展有限责任公司</li>  
                <li class="center table-cell">118个</li>  
                <li class="center table-cell">108个</li>
                <li class="center table-cell">5个</li>
                <li class="center table-cell">35KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏泰州大桥有限公司</li> 
               	<li class="center table-cell">68个</li>  
                <li class="center table-cell">106个</li>
                <li class="center table-cell">3个</li>
                <li class="center table-cell">130KM</li>
            </ul>  
            <ul class="table-row-1">  
                <li class="center table-cell">江苏连徐高速有限公司</li>  
               	<li class="center table-cell">1228个</li>  
                <li class="center table-cell">104个</li>
                <li class="center table-cell">3个</li>
                <li class="center table-cell">397KM</li>
            </ul>  
            <ul class="table-row-2">  
                <li class="center table-cell">江苏沿江高速有限公司</li> 
                <li class="center table-cell">786个</li>  
                <li class="center table-cell">102个</li>
                <li class="center table-cell">3个</li>
                <li class="center table-cell">196KM</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>