|
|
@@ -0,0 +1,249 @@
|
|
|
+<%@ 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>
|
