新增高速交通大数据分析平台模板

智慧交通/高速交通大数据分析平台/css/visual.css

@@ -0,0 +1,129 @@
+a,p,h1,h2,h3,h4,h5,h6,body,span,label,div{padding:0;margin:0;font-family:'瀵邦喛钂嬮梿鍛寸拨';}
+div{font-family:'瀵邦喛钂嬮梿鍛寸拨';}
+ul{padding:0;margin:0;}
+a{text-decoration:none !important;}
+.clear{clear:both;}
+html, body, form{overflow-y:auto;height:100%;}
+/* 滚动条样式 */
+::-webkit-scrollbar {width:1px;height:4px;}
+::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.9);border-radius: 10px;}
+::-webkit-scrollbar-thumb {border-radius:5px; background: rgba(66,66,66,1);-webkit-box-shadow:inset 0 0 6px rgba(227,227,227,87.5);}
+::-webkit-scrollbar-thumb:window-inactive {background: rgba(227,227,227,0.5);}
+
+@font-face{
+	font-family: yjsz;
+	src:url('../fonts/yjsz.TTF'),
+		url('../fonts/yjsz.eot'); /* IE9+,可以是具体的实际链接 */
+	}
+
+
+.ksh{height:100%;padding:15px;background:url(../images/data08.png) no-repeat #061537;background-size:cover;overflow:hidden;position:relative;z-index:-2;}
+
+/* 加载旋转动画 */
+#load{width:100%;height:100%;position:absolute;background:url(../images/data08.png) no-repeat #061537;background-size:cover;top:0;left:0;z-index:999}
+#load .load_img{position:absolute;left:calc(50% - 182px);top:calc(50% - 182px);}
+.load_img img{position:absolute;left:0;top:0;}
+.load_img .jzxz1{animation:xz1 8s infinite linear;}
+	@keyframes xz1 {
+	  from {
+	  transform:rotate(0deg);
+	  }
+	  50% {
+	    transform:rotate(180deg);
+	  }
+	  to{
+	  	transform:rotate(360deg);
+	  }
+	}	
+.load_img .jzxz2{animation:xz2 7s infinite linear;}
+	@keyframes xz2 {
+	  from {
+	  transform:rotate(0deg);
+	  }
+	  50% {
+	    transform:rotate(-180deg);
+	  }
+	  to{
+	  	transform:rotate(-360deg);
+	  }
+	}	
+
+.head_top{position:relative;}
+.head_top img{width:90%;margin:auto;}
+.head_top p{width:100%;text-align:center;color:#55bfff;position:absolute;bottom: -18px;left: -10px;}
+.head_top p span{font-family:'yjsz';font-size:20px;}
+
+.visual{height:calc(100% - 33px);padding-top:10px;}
+
+.visual_box{height:33.3%;}
+.visual_box .visual_title{position:relative;height:35px;margin:5px 0;}
+.visual_box .visual_title span{color:#fff;font-size:18px;line-height:35px;}
+.visual_box .visual_title img{width:100%;position:absolute;left:0;bottom:0;}
+.visual_box .visual_chart{height:calc(100% - 35px);}
+
+.visual_left{width:25%;height:100%;float:left;}
+.visual_left .sfzcll{position:relative;}
+.visual_left .sfzcll a{width:32%;text-align:center;line-height:25px;color:#fff;display:inline-block;}
+.visual_left .sfzcll .sfzcll_pos_box{width:100%;height:calc(100% - 30px);}
+.visual_left .sfzcll .sfzcll_box{width:100%;height:calc(33% - 15px);line-height:5;background:rgba(15,47,72,0.8);border:1px solid #1380bd;position:relative;margin-bottom:15px;}
+.visual_left .sfzcll .sfzcll_box:last-of-type{margin:0;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk{position:absolute;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:first-of-type{top:-2px;left:-2px;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(2){top:-2px;right:-2px;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(3){bottom:-2px;right:-2px;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_bkJk:nth-child(4){bottom:-2px;left:-2px;}
+.visual_left .sfzcll .sfzcll_box label{width:33%;color:#fff;text-align:center;float:left;}
+.visual_left .sfzcll .sfzcll_box label img{width:23px;height:23px;margin-right:5px;margin-top:-2px;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk{width:33%;height:100%;float:left;padding:2px 5px;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk>div{height:100%;background:url(../images/ksh38.png) no-repeat;background-size:100% 100%;text-align: center;line-height:1.5em;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk .ygl{color:#00ffc6;}
+.visual_left .sfzcll .sfzcll_box .sfzcll_smallBk .ygh{color:#ffe400;}
+
+.visual_con{width:50%;height:100%;float:left;padding:25px 20px 0 20px;}
+.visual_con .visual_conTop{height:130px;margin-bottom:10px;}
+.visual_con .visual_conTop .visual_conTop_box{height:100%;padding:0 3px;}
+.visual_con .visual_conTop .visual_conTop1{width:20%;height:100%;float:left;}
+.visual_con .visual_conTop .visual_conTop1>div{background:url(../images/ksh40.png) no-repeat;background-size:100% 100%;}
+.visual_con .visual_conTop .visual_conTop2{width:30%;height:100%;float:left;}
+.visual_con .visual_conTop .visual_conTop2>div{background:url(../images/ksh39.png) no-repeat;background-size:100% 100%;}
+.visual_right{width:25%;height:100%;float:right;}
+.visual_con .visual_conTop .visual_conTop_box>div{height:100%;}
+.visual_con .visual_conTop .visual_conTop_box>div h3{color:#fff;font-size:16px;padding:16px 0 0 20px;}
+.visual_con .visual_conTop .visual_conTop_box>div p{width:33%;float:left;line-height:85px;color:#20dbfd;text-shadow:0 0 25px #00d8ff;font-size:46px;font-family: 'yjsz';text-align:right;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil{width:67%;height:60px;float:left;padding-top:23px;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a{display:block;line-height:20px;text-align: left;color:#fff;padding-left:9px;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil span{width:32px;display:inline-block;margin-left:3px;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.sz{color:#fe3e12;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.xd{color:#12fe81;}
+.visual_con .visual_conTop .visual_conTop_box>div .conTop_smil a.null{visibility:hidden;}
+
+.visual_con .visual_conBot{height:calc(100% - 136px);background:url(../images/ksh41.png) no-repeat;background-size:100% 100%;position:relative;}
+.visual_con .visual_conBot>img{position:absolute;width:25px;height:25px;}
+.visual_con .visual_conBot .visual_conBot_l{position:absolute;left:0;top:0;}
+.visual_con .visual_conBot .visual_conBot_2{position:absolute;right:0;top:0;}
+.visual_con .visual_conBot .visual_conBot_3{position:absolute;right:0;bottom:0;}
+.visual_con .visual_conBot .visual_conBot_4{position:absolute;left:0;bottom:0;}
+.visual_con .visual_conBot .visual_chart{width:100%;height:100%;position:absolute;}
+.visual_con .visual_conBot .visual_chart_text{color:#fff;position:absolute;top:15px;left:15px;z-index: 99;}
+.visual_con .visual_conBot .visual_chart_text h1{font-size:26px;margin-bottom:6px;}
+.visual_con .visual_conBot .visual_chart_text h2{font-size:20px;}
+.visual_con .visual_conBot .visual_conBot_bot{width:calc(100% - 8px);height:180px;background:rgba(16,54,87,0.5);border:1px solid #345f92;position:absolute;bottom:4px;left:4px;z-index:99;}
+
+.visualSssf_left{width:40%;float:left;color:#fff;padding:10px 20px 0 20px;}
+.visualSssf_left h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:10px;}
+.visualSssf_left a{width:32%;color:#fff;display:inline-block;margin-bottom:10px;cursor:pointer;}
+.visualSssf_left a.active{color:#01f0ff;}
+.visualSssf_right{width:60%;height:100%;float:left;}
+.visualSssf_right .visualSssf_right_box{width:33%;float:left;height:100%;}
+
+.visualSfzsfl{position:relative;}
+.visualSfzsfl .visual_chart{opacity:0.6}
+.visualSfzsfl .visual_table{width:60%;position:absolute;z-index: 99;top:40px;left:0;}
+.visualSfzsfl .visual_table table{width:100%;color:#fff;text-align:center;}
+.visualSfzsfl .visual_table table tr{border-bottom: 1px dashed #ddd;}
+.visualSfzsfl .visual_table table tr:first-child{color:#01c0ff;}
+.visualSfzsfl .visual_table table tr:last-child{border-bottom: 1px solid #ddd;}
+
+
+
+

智慧交通/高速交通大数据分析平台/index.html

@@ -0,0 +1,338 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>东海省交通大数据分析平台</title>
+<!--设置是否为缩放模式 -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 新 Bootstrap 核心 CSS 文件 --> 
+<link rel="stylesheet" type="text/css" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
+<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> 
+<script src="js/jquery.min.js"></script>
+<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 
+<script src="js/bootstrap.min.js"></script>
+<!--echarts JS-->
+<script src="js/echarts.min.js"></script>
+<!-- 轮播swiper文件 -->
+<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
+<script src="js/swiper.min.js"></script>
+<!--界面样式-->
+<script src="js/visual.js"></script>
+<script src="js/china.js"></script>
+<script src="js/chartMap.js"></script>
+<link rel="stylesheet" type="text/css" href="css/visual.css">
+
+</head>
+<body class="ksh">
+	<div id="load">
+		<div class="load_img"><!-- 加载动画 -->
+			<img class="jzxz1" src="images/jzxz1.png">
+			<img class="jzxz2" src="images/jzxz2.png">
+		</div>
+	</div>
+	<div class="head_top">
+		<img class="img-responsive" src="images/jcdsj_logo.gif">
+		
+	</div>
+	<div class="visual">
+		<div class="visual_left">
+			<div class="visual_box">
+				<div class="visual_title">
+					<span>交通流量</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="visual_chart" id="main1">
+					
+				</div>
+			</div>
+			<div class="visual_box">
+				<div class="visual_title">
+					<span>交通工具流量</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="visual_chart" id="main2">
+					
+				</div>
+			</div>
+			<div class="visual_box">
+				<div class="visual_title">
+					<span>收费站车流量</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="visual_chart sfzcll">
+					<a>运输方式</a>
+					<a>客运量</a>
+					<a>货运量</a>
+					<div class="sfzcll_pos_box">
+						<div class="sfzcll_box">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<label><img src="images/ksh35.png">公路运输</label>
+							<div class="sfzcll_smallBk">
+								<div class="ygl">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="sfzcll_smallBk">
+								<div class="ygh">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="clear"></div>
+						</div>
+						<div class="sfzcll_box">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<label><img src="images/ksh35.png">公路运输</label>
+							<div class="sfzcll_smallBk">
+								<div class="ygl">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="sfzcll_smallBk">
+								<div class="ygh">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="clear"></div>
+						</div>
+						<div class="sfzcll_box">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<img class="sfzcll_bkJk" src="images/ksh34.png">
+							<label><img src="images/ksh35.png">公路运输</label>
+							<div class="sfzcll_smallBk">
+								<div class="ygl">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="sfzcll_smallBk">
+								<div class="ygh">
+									<span>4347.2万</span>人
+								</div>
+							</div>
+							<div class="clear"></div>
+						</div>
+					</div>
+					
+				</div>
+			</div>
+		</div>
+		<div class="visual_con">
+			<div class="visual_conTop">
+				<div class="visual_conTop_box visual_conTop1">
+					<div>
+						<h3>当前警情数(起)</h3>
+						<p>67</p>
+						<div class="conTop_smil">
+							<a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a>
+							<a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>
+						</div>
+					</div>
+				</div>
+				<div class="visual_conTop_box visual_conTop2">
+					<div>
+						<h3>区域拥堵指数</h3>
+						<p>1.4</p>
+						<div class="conTop_smil">
+							<a class="">缓行</a>
+							<a class="">平均车速<span>120</span>KM/H</i></a>
+						</div>
+					</div>
+				</div>
+				<div class="visual_conTop_box visual_conTop1">
+					<div>
+						<h3>当前警情数(起)</h3>
+						<p>99</p>
+						<div class="conTop_smil">
+							<a class="sz">日环比:<span>+3%</span><i class="fa fa-long-arrow-up"></i></a>
+							<a class="xd">周环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>
+						</div>
+					</div>
+				</div>
+				<div class="visual_conTop_box visual_conTop2">
+					<div>
+						<h3>当前警情数(起)</h3>
+						<p>7421</p>
+						<div class="conTop_smil">
+							<a class="null">null</a>
+							<a class="xd">月环比:<span>-2%</span><i class="fa fa-long-arrow-down"></i></a>
+						</div>
+					</div>
+				</div>
+				<div class="clear"></div>
+			</div>
+			<div class="visual_conBot">
+				<img class="visual_conBot_l" src="images/ksh42.png">
+				<img class="visual_conBot_2" src="images/ksh43.png">
+				<img class="visual_conBot_3" src="images/ksh44.png">
+				<img class="visual_conBot_4" src="images/ksh45.png">
+				<div class="visual_chart_text">
+					<h1>出行服务+大数据</h1>
+					<h2>东海省交通大数据分析平台</h2>
+				</div>
+				<div class="visual_chart" id="main8"></div>
+				<div class="visual_conBot_bot">
+					<div class="visualSssf_left">
+						<h3>今日实时收费</h3>
+						<a style="display:block">全省数据</a>
+						<a>大同北</a>
+						<a>大同南</a>
+						<a>朔州</a>
+						<a>吕梁北</a>
+						<a>吕梁南</a>
+						<a>太原</a>
+						<a class="active">晋中</a>
+						<a>太旧</a>
+						<a>长治</a>
+					</div>
+					<div class="visualSssf_right">
+						<div class="visualSssf_right_box" id="main5"></div>
+						<div class="visualSssf_right_box" id="main6"></div>
+						<div class="visualSssf_right_box" id="main7"></div>
+					</div>
+					<div class="clear"></div>
+				</div>
+			</div>
+		</div>
+		<div class="visual_right">
+			<div class="visual_box">
+				<div class="visual_title">
+					<span>本月发生事件</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="swiper-container visual_swiper1 visual_chart">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"  id="main3"></div>
+						<div class="swiper-slide"  id="main31"></div>
+					</div>
+				</div>
+			</div>
+			<div class="visual_box visualSfzsfl">
+				<div class="visual_title">
+					<span>收费站收费量</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="visual_chart" id="main9">
+					
+				</div>
+				<div class="visual_table">
+						<table>
+							<tr>
+								<td>小型车</td>
+								<td>中型车</td>
+								<td>大型车</td>
+							</tr>
+							<tr>
+								<td>2486万</td>
+								<td>2486万</td>
+								<td>2486万</td>
+							</tr>
+							<tr>
+								<td>2486万</td>
+								<td>2486万</td>
+								<td>2486万</td>
+							</tr>
+							<tr>
+								<td>2486万</td>
+								<td>2486万</td>
+								<td>2486万</td>
+							</tr>
+							<tr>
+								<td>2486万</td>
+								<td>2486万</td>
+								<td>2486万</td>
+							</tr>
+						</table>
+					</div>
+			</div>
+			<div class="visual_box">
+				<div class="visual_title">
+					<span>收费站收费排行</span>
+					<img src="images/ksh33.png">
+				</div>
+				<div class="swiper-container visual_swiper2 visual_chart">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"  id="main4"></div>
+						<div class="swiper-slide"  id="main41"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="clear"></div>
+	</div>
+	<script type="text/javascript">
+		$(function(){
+			var a=$('.visualSssf_left a')
+			for(var i=0;i<a.length;i++){
+				a[i].index=i;
+				a[i].onclick=function(){
+					for(var i=0;i<a.length;i++){
+						a[i].className=''
+						}
+					this.className='active'
+				}
+			}
+
+			var sfzcllH=$('.sfzcll_box').height()
+			var sfzcllHtwo=sfzcllH-2
+			$('.sfzcll_box').css('line-height',sfzcllH+'px')
+			$('.sfzcll_smallBk>div').css('line-height',sfzcllHtwo+'px')
+
+			//删除加载动画
+			$('#load').fadeOut(1000)
+    		setTimeout(function(){    
+    			$('#load').remove()
+    		}
+    		,1100);
+		})
+
+	//交通流量
+	var myChart1 = echarts.init(document.getElementById('main1'));
+    myChart1.setOption(option1);
+	//交通工具流量
+	var myChart2 = echarts.init(document.getElementById('main2'));
+    myChart2.setOption(option2);
+    //本月发生事件
+	var myChart3 = echarts.init(document.getElementById('main3'));
+    myChart3.setOption(option3);
+    var myChart31 = echarts.init(document.getElementById('main31'));
+    myChart31.setOption(option31);
+    var mySwiper1 = new Swiper('.visual_swiper1', {
+		autoplay: true,//可选选项，自动滑动
+		speed:800,//可选选项，滑动速度
+		autoplay: {
+		    delay: 5000,//1秒切换一次
+		  },
+	})
+    //收费站收费排行
+	var myChart4 = echarts.init(document.getElementById('main4'));
+    myChart4.setOption(option4);
+    var myChart41 = echarts.init(document.getElementById('main41'));
+    myChart41.setOption(option41);
+    var mySwiper2 = new Swiper('.visual_swiper2', {
+		autoplay: true,//可选选项，自动滑动
+		direction : 'vertical',//可选选项，滑动方向
+		speed:2000,//可选选项，滑动速度
+	})
+    //今日实时收费
+	var myChart5 = echarts.init(document.getElementById('main5'));
+    myChart5.setOption(option5);
+    var myChart6 = echarts.init(document.getElementById('main6'));
+    myChart6.setOption(option6);
+    var myChart7 = echarts.init(document.getElementById('main7'));
+    myChart7.setOption(option7);
+    //中间地图
+	var myChart8 = echarts.init(document.getElementById('main8'));
+    myChart8.setOption(option8);
+    //收费站收费量
+	var myChart9 = echarts.init(document.getElementById('main9'));
+    myChart9.setOption(option9);
+	</script>
+</body>
+</html>

智慧交通/高速交通大数据分析平台/js/jquery.leoweather.min.js

@@ -0,0 +1,257 @@
+(function($) {
+	$.fn.leoweather = function(opts) {
+		var defaults = {
+			city: '',
+			format: '\u5c0a\u656c\u7684\u4f1a\u5458\uff0c\u007b\u65f6\u6bb5\u007d\u597d\uff01\u0020\u73b0\u5728\u662f\uff1a\u007b\u5e74\u007d\u002f\u007b\u6708\u007d\u002f\u007b\u65e5\u007d\u0020\u007b\u65f6\u007d\u003a\u007b\u5206\u007d\u003a\u007b\u79d2\u007d\u0020\u661f\u671f\u007b\u5468\u007d\u0020\u60a8\u6240\u5728\u7684\u57ce\u5e02\uff1a\u007b\u57ce\u5e02\u007d\u0020\u4eca\u5929\u007b\u663c\u591c\u007d\u7684\u5929\u6c14\u662f\uff1a\u007b\u5929\u6c14\u007d\u0020\u6c14\u6e29\uff1a\u007b\u6c14\u6e29\u007d\u0020\u98ce\u5411\uff1a\u007b\u98ce\u5411\u007d\u0020\u98ce\u7ea7\uff1a\u007b\u98ce\u7ea7\u007d\u0020\u56fe\u6807\uff1a\u007b\u56fe\u6807\u007d'
+		};
+		var options = $.extend(defaults, opts);
+		return this.each(function() {
+			var obj = $(this),
+			weather = new Array(),
+			format = UC8F6C6362(options.format),
+			url = '\u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0070\u0068\u0070\u002e\u0077\u0065\u0061\u0074\u0068\u0065\u0072\u002e\u0073\u0069\u006e\u0061\u002e\u0063\u006f\u006d\u002e\u0063\u006e\u002f\u0069\u0066\u0072\u0061\u006d\u0065\u002f\u0069\u006e\u0064\u0065\u0078\u002f\u0077\u005f\u0063\u006c\u002e\u0070\u0068\u0070\u003f\u0063\u006f\u0064\u0065\u003d\u006a\u0073\u0026\u0064\u0061\u0079\u003d\u0030\u0026\u0063\u0069\u0074\u0079\u003d';
+			var model = format.match(/\{.*?\}/g),
+			action = new Array();
+			for (var i = 0; model.length > i; i++) {
+				action[i] = 'UC' + escape(model[i]).replace(/%u/g, '').replace(/%7B/g, '').replace(/%7D/g, '')
+			};
+			var valid = action.toString();
+			if (valid.indexOf('UC57CE5E02') > 0 || valid.indexOf('UC59296C14') > 0 || valid.indexOf('UC6C146E29') > 0 || valid.indexOf('UC98CE5411') > 0 || valid.indexOf('UC98CE7EA7') > 0 || valid.indexOf('UC57CE5E02') > 0 || valid.indexOf('UC56FE6807') > 0) {
+				$.ajax({
+					url: UC7F515740(url, options.city),
+					dataType: "script",
+					success: function() {
+						for (s in SWther.w) {
+							var data = SWther.w[s][0];
+							weather['name'] = s;
+							weather['d1'] = data['d1'];
+							weather['p1'] = data['p1'];
+							weather['s1'] = data['s1'];
+							weather['t1'] = data['t1'];
+							weather['f1'] = data['f1'];
+							weather['d2'] = data['d2'];
+							weather['p2'] = data['p2'];
+							weather['s2'] = data['s2'];
+							weather['t2'] = data['t2'];
+							weather['f2'] = data['f2']
+						};
+						getcontent(obj, weather)
+					}
+				})
+			} else {
+				getcontent(obj, '')
+			};
+			function getcontent(o, w) {
+				var d = new Date(),
+				timer = 0;
+				for (var i = 0; action.length > i; i++) {
+					str = format.replace(/\{(.*?)\}/g,
+					function(a, b) {
+						var fun = 'UC' + escape(b).replace(/%u/g, '').replace(/%7B/g, '').replace(/%7D/g, '');
+						return eval(fun + '(d,w)')
+					})
+				};
+				if (action.toString().indexOf('UC65F6') > 0) {
+					timer = 1000 * 60 * 60
+				};
+				if (action.toString().indexOf('UC5206') > 0) {
+					timer = 1000 * 60
+				};
+				if (action.toString().indexOf('UC79D2') > 0) {
+					timer = 1000
+				};
+				o.html(str);
+				if (timer > 0) {
+					var ClockTimer = setInterval(UC66F465B0SJ, timer)
+				}
+			}
+			function UC66F465B0SJ() {
+				var today = new Date();
+				YY = today.getYear();
+				if (YY < 1900) YY = YY + 1900;
+				var MM = today.getMonth() + 1;
+				if (MM < 10) MM = '0' + MM;
+				var DD = today.getDate();
+				if (DD < 10) DD = '0' + DD;
+				var hh = today.getHours();
+				if (hh < 10) hh = '0' + hh;
+				var mm = today.getMinutes();
+				if (mm < 10) mm = '0' + mm;
+				var ss = today.getSeconds();
+				if (ss < 10) ss = '0' + ss;
+				var ww = today.getDay();
+				if (ww == 0) ww = UC8F6C6362('\u65e5');
+				if (ww == 1) ww = UC8F6C6362('\u4e00');
+				if (ww == 2) ww = UC8F6C6362('\u4e8c');
+				if (ww == 3) ww = UC8F6C6362('\u4e09');
+				if (ww == 4) ww = UC8F6C6362('\u56db');
+				if (ww == 5) ww = UC8F6C6362('\u4e94');
+				if (ww == 6) ww = UC8F6C6362('\u516d');
+				if (hh < 06) {
+					xx = UC8F6C6362('\u51cc\u6668')
+				} else if (hh < 09) {
+					xx = UC8F6C6362('\u65e9\u4e0a')
+				} else if (hh < 12) {
+					xx = UC8F6C6362('\u4e0a\u5348')
+				} else if (hh < 14) {
+					xx = UC8F6C6362('\u4e2d\u5348')
+				} else if (hh < 17) {
+					xx = UC8F6C6362('\u4e0b\u5348')
+				} else if (hh < 19) {
+					xx = UC8F6C6362('\u508d\u665a')
+				} else {
+					xx = UC8F6C6362('\u665a\u4e0a')
+				};
+				$('#weather_YY').html(YY);
+				$('#weather_MM').html(MM);
+				$('#weather_DD').html(DD);
+				$('#weather_hh').html(hh);
+				$('#weather_mm').html(mm);
+				$('#weather_ss').html(ss);
+				$('#weather_ww').html(ww);
+				$('#weather_xx').html(xx)
+			}
+			function UC5E74(today, weather) {
+				YY = today.getYear();
+				if (YY < 1900) YY = YY + 1900;
+				return '<span id="weather_YY">' + YY + '</span>'
+			}
+			function UC6708(today, weather) {
+				var MM = today.getMonth() + 1;
+				if (MM < 10) MM = '0' + MM;
+				return '<span id="weather_MM">' + MM + '</span>'
+			}
+			function UC65E5(today, weather) {
+				var DD = today.getDate();
+				if (DD < 10) DD = '0' + DD;
+				return '<span id="weather_DD">' + DD + '</span>'
+			}
+			function UC65F6(today, weather) {
+				var hh = today.getHours();
+				if (hh < 10) hh = '0' + hh;
+				return '<span id="weather_hh">' + hh + '</span>'
+			}
+			function UC5206(today, weather) {
+				var mm = today.getMinutes();
+				if (mm < 10) mm = '0' + mm;
+				return '<span id="weather_mm">' + mm + '</span>'
+			}
+			function UC79D2(today, weather) {
+				var ss = today.getSeconds();
+				if (ss < 10) ss = '0' + ss;
+				return '<span id="weather_ss">' + ss + '</span>'
+			}
+			function UC5468(today, weather) {
+				var ww = today.getDay();
+				if (ww == 0) ww = UC8F6C6362('\u65e5');
+				if (ww == 1) ww = UC8F6C6362('\u4e00');
+				if (ww == 2) ww = UC8F6C6362('\u4e8c');
+				if (ww == 3) ww = UC8F6C6362('\u4e09');
+				if (ww == 4) ww = UC8F6C6362('\u56db');
+				if (ww == 5) ww = UC8F6C6362('\u4e94');
+				if (ww == 6) ww = UC8F6C6362('\u516d');
+				return '<span id="weather_ww">' + ww + '</span>'
+			}
+			function UC65F66BB5(today, weather) {
+				var hh = today.getHours();
+				if (hh < 06) {
+					xx = UC8F6C6362('\u51cc\u6668')
+				} else if (hh < 09) {
+					xx = UC8F6C6362('\u65e9\u4e0a')
+				} else if (hh < 12) {
+					xx = UC8F6C6362('\u4e0a\u5348')
+				} else if (hh < 14) {
+					xx = UC8F6C6362('\u4e2d\u5348')
+				} else if (hh < 17) {
+					xx = UC8F6C6362('\u4e0b\u5348')
+				} else if (hh < 19) {
+					xx = UC8F6C6362('\u508d\u665a')
+				} else {
+					xx = UC8F6C6362('\u665a\u4e0a')
+				};
+				return '<span id="weather_xx">' + xx + '</span>'
+			}
+			function UC57CE5E02(today, weather) {
+				return weather['name']
+			}
+			function UC59296C14(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC591C95F459296C14(today, weather)
+				} else {
+					return UC767D592959296C14(today, weather)
+				}
+			}
+			function UC767D592959296C14(today, weather) {
+				return weather['s1']
+			}
+			function UC591C95F459296C14(today, weather) {
+				return weather['s2']
+			}
+			function UC6C146E29(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC591C95F46C146E29(today, weather)
+				} else {
+					return UC767D59296C146E29(today, weather)
+				}
+			}
+			function UC767D59296C146E29(today, weather) {
+				return weather['t1']
+			}
+			function UC591C95F46C146E29(today, weather) {
+				return weather['t2']
+			}
+			function UC98CE5411(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC591C95F498CE5411(today, weather)
+				} else {
+					return UC767D592998CE5411(today, weather)
+				}
+			}
+			function UC767D592998CE5411(today, weather) {
+				return weather['d1']
+			}
+			function UC591C95F498CE5411(today, weather) {
+				return weather['d2']
+			}
+			function UC98CE7EA7(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC591C95F498CE7EA7(today, weather)
+				} else {
+					return UC767D592998CE7EA7(today, weather)
+				}
+			}
+			function UC767D592998CE7EA7(today, weather) {
+				return weather['p1']
+			}
+			function UC591C95F498CE7EA7(today, weather) {
+				return weather['p2']
+			}
+			function UC56FE6807(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC591C95F456FE6807(today, weather)
+				} else {
+					return UC767D592956FE6807(today, weather)
+				}
+			}
+			function UC767D592956FE6807(today, weather) {
+				return weather['f1']
+			}
+			function UC591C95F456FE6807(today, weather) {
+				return weather['f2']
+			}
+			function UC663C591C(today, weather) {
+				if (today.getHours() > 18 && today.getHours() < 8) {
+					return UC8F6C6362('\u591c\u95f4')
+				} else {
+					return UC8F6C6362('\u767d\u5929')
+				}
+			}
+			function UC8F6C6362(string) {
+				return unescape(string.replace(/\u/g, "%u"))
+			}
+			function UC7F515740(url, city) {
+				return UC8F6C6362(url) + city + UC8F6C6362('\u0026\u0064\u0066\u0063\u003d\u0031\u0026\u0063\u0068\u0061\u0072\u0073\u0065\u0074\u003d\u0075\u0074\u0066\u002d\u0038').replace(/\%/g, '')
+			}
+		})
+	}
+})(jQuery);

智慧交通/高速交通大数据分析平台/js/mapcodes.js

@@ -0,0 +1,299 @@
+var disProvince1 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'110000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince2 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'120000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince3 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'130000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince4 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'150000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince5 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'640000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince6 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'610000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince7 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'620000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince8 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'410000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince9 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'370000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince10 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'320000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince11 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'340000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var disProvince12 = new AMap.DistrictLayer.Province({
+    zIndex:14,
+    adcode:'210000',
+    deep:2,
+    styles:{
+        polygon:{
+            fillColor:'#122442'
+        },
+        polyline:{
+            strokeColor:function(properties){
+                var type = properties.type;
+                switch(type){
+                    case 'Province_Border_China':return '#406795'//中国省界
+                    case 'Province_Border_Foreign': return 'cornflowerblue';//外国省界
+
+                    case 'City_Border_China': return '#122442';//中国地级市边界
+                    case 'County_Border_China': return '#122442';//中国区县边界
+                }
+
+            }
+        }
+    }
+});
+var map = new AMap.Map('container', {
+    resizeEnable: true,
+    zoom:6,
+    zooms:[6,18],
+    center: [112.47485,37.789585]
+});
+map.setMapStyle('amap://styles/87fc86ed648cae752d097a75f4744133');
+map.add(disProvince1);
+map.add(disProvince2);
+map.add(disProvince3);
+map.add(disProvince4);
+map.add(disProvince5);
+map.add(disProvince6);
+map.add(disProvince7);
+map.add(disProvince8);
+map.add(disProvince9);
+map.add(disProvince10);
+map.add(disProvince11);
+map.add(disProvince12);
+var trafficLayer = new AMap.TileLayer.Traffic({
+    zIndex: 10
+});
+trafficLayer.setMap(map);

智慧交通/高速交通大数据分析平台/js/npm.js

@@ -0,0 +1,13 @@
+// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
+require('../../js/transition.js')
+require('../../js/alert.js')
+require('../../js/button.js')
+require('../../js/carousel.js')
+require('../../js/collapse.js')
+require('../../js/dropdown.js')
+require('../../js/modal.js')
+require('../../js/tooltip.js')
+require('../../js/popover.js')
+require('../../js/scrollspy.js')
+require('../../js/tab.js')
+require('../../js/affix.js')