<!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" style="cursor:pointer;" onclick="location.href=''">
<img class="img-responsive" src="images/jcdsj_logo.png">
</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>
没有合适的资源?快使用搜索试试~ 我知道了~
某城高速综合管控大数据大屏可视化.zip
共33个文件
png:19个
js:10个
css:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 150 浏览量
2023-11-12
11:01:14
上传
评论 1
收藏 491KB ZIP 举报
温馨提示
订阅专栏后源码免费,项目剖析详解:https://shangjinzhu.blog.csdn.net/article/details/134358376 某城高速综合管控大数据大屏可视化.zip是一个包含某城高速综合管控大数据大屏可视化的压缩文件。该资源使用了HTML、CSS、JavaScript、jQuery和ECharts等技术,旨在帮助城市高速综合管控部门实时展示高速公路的各项数据,以便更好地了解交通情况、疏导交通拥堵和提高道路安全。 该资源包含一个完整的某城高速综合管控大数据大屏可视化平台,可以展示高速公路的交通流量、车速、道路状况、气象信息等各项数据。通过使用ECharts等数据可视化库,将海量数据以直观、形象的方式呈现给用户。同时,该资源还提供了多种交互功能,如数据筛选、对比分析等,帮助用户深入了解数据的细节。 该资源适用于城市高速综合管控部门的工作人员、数据分析师和决策者。通过使用该资源,可以帮助他们实时了解高速公路的各项数据,分析交通趋势,以便制定更加精准的交通管控策略和决策。
资源推荐
资源详情
资源评论
收起资源包目录
某城高速综合管控大数据大屏可视化.zip (33个子文件)
某城高速综合管控大数据大屏可视化
js
jquery.leoweather.min.js 9KB
npm.js 484B
bootstrap.min.js 36KB
china.js 60KB
echarts.min.js 730KB
mapcodes.js 9KB
swiper.min.js 123KB
visual.js 34KB
jquery.min.js 91KB
chartMap.js 61KB
css
visual.css 7KB
swiper.min.css 19KB
index.html 10KB
images
ksh33.png 582B
ksh34.png 118B
ksh40.png 1KB
ksh35.png 350B
ksh38.png 135B
data08.png 3KB
ksh31.png 1KB
ksh44.png 152B
ksh41.png 24KB
jzxz2.png 4KB
ksh43.png 154B
ksh45.png 153B
ksh42.png 153B
jcdsj_logo.png 28KB
ksh36.png 342B
ksh39.png 1KB
ksh37.png 363B
ksh32.png 1KB
jzxz1.png 4KB
fonts
yjsz.TTF 54KB
共 33 条
- 1
资源评论
一键难忘
- 粉丝: 9w+
- 资源: 150
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【岗位说明】Android工程师职位要求.docx
- 【岗位说明】IOS开发工程师岗位职责.docx
- 【岗位说明】运营助理岗位职责说明书.doc
- 【岗位说明】IT岗位职责01.docx
- 【岗位说明】IT岗位职责02.docx
- 【岗位说明】IT行业的各岗位职责.docx
- 【岗位说明】PHP程序员岗位说明书.docx
- 【岗位说明】UI设计师岗位职责说明书.docx
- 【岗位说明】php程序员工作总结.docx
- 【岗位说明】XX互联网公司技术部门职责及所属岗位职责.docx
- 【岗位说明】XX有限公司技术中心岗位职责管理制度.docx
- 【岗位说明】XX科技有限公司岗位职责(各岗位大全).docx
- 【岗位说明】郴州市海康科技有限公司各岗位工作职责.docx
- 【岗位说明】技术部PHP工程师岗位职务说明书.docx
- 【岗位说明】企宣部岗位职责说明书.docx
- 【岗位说明】互联网公司岗位职责空谷基本法.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功