xiaoguo75131
/
GuideScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加大屏模板

Browse Source
old
xiaoguo 3 years ago
parent 0a40963cc1
commit 851c34a888
21 changed files with 2554 additions and 208 deletions
Show Stats Download Patch File Download Diff File

419
bigscreen/index.html
Unescape Escape View File

@ -2,224 +2,227 @@
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div class="loading">
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
<h1>大数据可视化系统数据分析通用模版</h1>
<div class="time" id="showTime">2019/11/29 0:12:42</div>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height: calc(40% - .15rem)">
<div class="alltitle">模块标题 </div>
<div class="sycm">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>华东地区</span>
</li>
<li>
<h2>1920</h2>
<span>华西地区</span>
</li>
<li>
<h2>19%</h2>
<span>华南地区</span>
</li>
<li>
<h2>1824</h2>
<span>华北地区</span>
</li>
<div class="loading">
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
<h1>大数据可视化系统数据分析通用模版</h1>
<div class="time" id="showTime">2019/11/29 0:12:42</div>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height: calc(40% - .15rem)">
<div class="alltitle">模块标题 </div>
<div class="sycm">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>华东地区</span>
</li>
<li>
<h2>1920</h2>
<span>华西地区</span>
</li>
<li>
<h2>19%</h2>
<span>华南地区</span>
</li>
<li>
<h2>1824</h2>
<span>华北地区</span>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(60% - .15rem)">
<div class="alltitle">模块标题</div>
<div class="sycm sycm2">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
<li>
<h2>1920</h2>
<span>字段名称</span>
</li>
<li>
<h2>19%</h2>
<span>字段名称</span>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(60% - .15rem)">
<div class="alltitle">模块标题</div>
<div class="sycm sycm2">
<ul class="clearfix">
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
<li>
<h2>1920</h2>
<span>字段名称</span>
</li>
<li>
<h2>19%</h2>
<span>字段名称</span>
</li>
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
<li>
<h2>19%</h2>
<span>字段名称</span>
</li>
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div style="position: relative">
<div class="barnav">
<div class="bar">
<div class="barbox">
<ul class="clearfix">
<li class="pulll_left counter">1942</li>
<li class="pulll_left counter">98612</li>
<li class="pulll_left counter">2091</li>
</ul>
</div>
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mapbox">
<div class="map">
<div class="map1"><img src="images/lbx.png"></div>
<div class="map2"><img src="images/jt.png"></div>
<div class="map3"><img src="images/map.png"></div>
<div class="map4" id="map_1"></div>
</div>
</div>
</li>
<li>
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
<li>
<h2>19%</h2>
<span>字段名称</span>
</li>
<li>
<h2>1824</h2>
<span>字段名称</span>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div style="position: relative">
<div class="barnav">
<div class="bar">
<div class="barbox">
<ul class="clearfix">
<li class="pulll_left counter">1942</li>
<li class="pulll_left counter">98612</li>
<li class="pulll_left counter">2091</li>
</ul>
</div>
<div class="barbox2">
<ul class="clearfix">
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
<li class="pulll_left">字段名称</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mapbox">
<div class="map">
<div class="map1"><img src="images/lbx.png"></div>
<div class="map2"><img src="images/jt.png"></div>
<div class="map3"><img src="images/map.png"></div>
<div class="map4" id="map_1"></div>
</div>
</div>
</li>
<li>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">字段名称 <div class="pulll_right">
<a href="#"><span></span>已维修</a>
<a href="#"><span></span>未维修</a>
</div>
</div>
<div class="boxnav" id="echart3"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">字段名称</div>
<div class="wrap boxnav">
<ul>
<li>
<p><span>深圳腾讯科技有限公司</span><span>门禁系统</span><span>在线</span></p>
</li>
<li>
<p><span>网易科技有限公司</span><span>防火系统</span><span>在线</span></p>
</li>
<li>
<p><span>百度科技有限公司</span><span>防火系统</span><span>在线</span></p>
</li>
<li>
<p><span>汽车之家科技有限公司</span><span>定位系统</span><span>在线</span></p>
</li>
<li>
<p><span>小米科技有限公司</span><span>定位系统</span><span>在线</span></p>
</li>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">
字段名称 <div class="pulll_right">
<a href="#"><span></span>已维修</a>
<a href="#"><span></span>未维修</a>
</div>
</div>
<div class="boxnav" id="echart3"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: calc(50% - .15rem)">
<div class="alltitle">字段名称</div>
<div class="wrap boxnav">
<ul>
<li>
<p><span>深圳腾讯科技有限公司</span><span>门禁系统</span><span>在线</span></p>
</li>
<li>
<p><span>网易科技有限公司</span><span>防火系统</span><span>在线</span></p>
</li>
<li>
<p><span>百度科技有限公司</span><span>防火系统</span><span>在线</span></p>
</li>
<li>
<p><span>汽车之家科技有限公司</span><span>定位系统</span><span>在线</span></p>
</li>
<li>
<p><span>小米科技有限公司</span><span>定位系统</span><span>在线</span></p>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
<div class="copyright">版权所有：深圳市深海时代网络科技有限公司 粤ICP备15031517号-4</div>
</div>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
<div class="copyright">版权所有：深圳市深海时代网络科技有限公司 粤ICP备15031517号-4</div>
</div>
<div class="mainbox2">
<ul class="clearfix">
<li>
<div class="boxall" style="height: 100%">
<div class="alltitle">模块标题
<div class="pulll_right">
<a href="#"><span></span>已检点</a>
<a href="#"><span></span>未检点</a>
</div>
</div>
<div class="boxnav">
<ul class="btbox">
<li id="bt01"></li>
<li id="bt02"></li>
<li id="bt03"></li>
<li id="bt04"></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="mainbox2">
<ul class="clearfix">
<li>
<div class="boxall" style="height: 100%">
<div class="alltitle">
模块标题
<div class="pulll_right">
<a href="#"><span></span>已检点</a>
<a href="#"><span></span>未检点</a>
</div>
</div>
<div class="boxnav">
<ul class="btbox">
<li id="bt01"></li>
<li id="bt02"></li>
<li id="bt03"></li>
<li id="bt04"></li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="boxall" style="height:100%">
<div class="alltitle">模块标题
<div class="pulll_right sebtn">
<a href="#" class="active">近七天</a>
<a href="#">近30天</a>
<a href="#">12月</a>
</div>
</div>
<div class="boxnav" id="echart4"></div>
<div class="boxfoot"></div>
</div>
</li>
</li>
<li>
<div class="boxall" style="height:100%">
<div class="alltitle">
模块标题
<div class="pulll_right sebtn">
<a href="#" class="active">近七天</a>
<a href="#">近30天</a>
<a href="#">12月</a>
</div>
</div>
<div class="boxnav" id="echart4"></div>
<div class="boxfoot"></div>
</div>
</li>
</ul>
</div>
</ul>
</div>
<script language="JavaScript" src="js/js.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/area_echarts.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$('.counter').countUp();
$(function () {
$('.wrap,.adduser').liMarquee({
direction: 'up',//身上滚动
runshort: false,//内容不足时不滚动
scrollamount: 20//速度
});
});
var t = null;
t = setTimeout(time, 1000);//開始运行
function time() {
clearTimeout(t);//清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours();//获取时
var m = dt.getMinutes();//获取分
var s = dt.getSeconds();//获取秒
var t = null;
document.getElementById("showTime").innerHTML = y + "/" + Appendzero(mt) + "/" + Appendzero(day) + " " + Appendzero(h) + ":" + Appendzero(m) + ":" + Appendzero(s) + "";
function Appendzero(obj) {
if (obj < 10) return "0" + "" + obj;
else return obj;
}
t = setTimeout(time, 1000); //设定定时器，循环运行
}
</script>
<script language="JavaScript" src="js/js.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/area_echarts.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$('.counter').countUp();
$(function () {
$('.wrap,.adduser').liMarquee({
direction: 'up',//身上滚动
runshort: false,//内容不足时不滚动
scrollamount: 20//速度
});
});
var t = null;
t = setTimeout(time, 1000);//開始运行
function time() {
clearTimeout(t);//清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours();//获取时
var m = dt.getMinutes();//获取分
var s = dt.getSeconds();//获取秒
var t = null;
document.getElementById("showTime").innerHTML = y + "/" + Appendzero(mt) + "/" + Appendzero(day) + " " + Appendzero(h) + ":" + Appendzero(m) + ":" + Appendzero(s) + "";
function Appendzero(obj) {
if (obj < 10) return "0" + "" + obj;
else return obj;
}
t = setTimeout(time, 1000); //设定定时器，循环运行
}
</script>
</body>
</html>

BIN
bigscreen1/css/.DS_Store vendored
View File

Binary file not shown.

161
bigscreen1/css/style.css
Unescape Escape View File

@ -0,0 +1,161 @@
@charset "utf-8";
/* CSS Document */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
*,body{padding:0px; margin:0px;font-family: "微软雅黑";}
body{color:#fff;font-size: 16px; background: #033c76;
background: -webkit-radial-gradient(50% 35%, farthest-corner,#034f8e,#034987,#02366d,#002353);
background: radial-gradient(50% 35%, farthest-corner,#034f8e,#034987,#02366d,#002353);
}
html,body{height: 100%;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#fff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}
.clearfix:after, .clearfix:before {display: table;content: " "}
.clearfix:after {clear: both}
.pulll_left{float:left;}
.pulll_right{float:right;}
i{font-style: normal;}
.text-w{color: #ffe400}
.text-d{color: #ff6316}
.text-s{color: #14e144}
.text-b{color: #07e5ff}
.head{position: relative; height: 90px; margin: 0 15px; padding-right: 60px;}
.head h1{ font-size: 30px; letter-spacing: -2px; text-align: center; line-height: 90px; padding-right: 55px; color: #daf9ff;}
.head .menu{}
.head .menu ul{ font-size: 0;}
.head .menu li{ display: inline-block; position: relative;margin: 25px 15px;;}
.head .menu li a{ display: block; font-size: 18px; color: #fff; line-height: 40px; padding: 0 15px; }
.head .time{position: absolute; right: 0; line-height: 90px;}
.menu li:before,
.menu li:after{ position:absolute; width:10px; height:5px;opacity: .4; content: ""; border-top: 2px solid #02a6b5; top: -1px;border-radius: 2px;}
.menu li:before,.menu li a:before{border-left: 2px solid #02a6b5;left: -1px;}
.menu li:after,.menu li a:after{border-right: 2px solid #02a6b5; right: -1px;}
.menu li a{ position:relative;}
.menu li a:before,
.menu li a:after{ position:absolute; width:10px; height:5px; opacity: .4; content: "";border-bottom: 2px solid #02a6b5; bottom:-1px;border-radius: 2px;}
.head .menu li a:hover{ color: #f4e925;}
.menu li a:hover:before,
.menu li a:hover:after,
.menu li:hover:before,
.menu li:hover:after{border-color: #f4e925; opacity: 1;}
.mainbox{padding: 0px 10px;}
.nav1{margin-left: -6px; margin-right:-6px;}
.nav1>li{padding:0 6px; float: left;}
.box{ border:1px solid rgba(7,118,181,.5); box-shadow:inset 0 0 10px rgba(7,118,181,.4); margin-bottom: 12px; position: relative;}
.tit{ padding: 10px 10px 10px 25px;border-bottom:1px solid rgba(7,118,181,.7);font-size: 16px; font-weight: 500; position: relative;}
.tit:before,.tit01:before{position: absolute; content: ""; width: 6px; height: 6px; background: rgba(22,214,255,.9);box-shadow: 0 0 5px rgba(22,214,255,.9); border-radius: 10px; left: 10px; top: 18px;}
.tit:after,.box:before{ width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom:-1px; background:linear-gradient(to right,#076ead,#4ba6e0,#076ead); box-shadow: 0 0 5px rgba(131,189,227,1); opacity: .6}
.box:before{top: -1px;}
.boxnav{padding: 10px;}
.nav2{}
.nav2>li:first-child{border:none;}
.nav2>li{float: left;border-left:1px solid rgba(7,118,181,.2); height:240px; padding: 0 10px 10px 10px;}
.tit01{font-size: 16px; font-weight: 500; position: relative; padding-left: 15px;}
.tit01:before{ left: 3px; top: 8px;}
.ftechart{height: 200px;;}
.table1 th{ border-bottom: 1px solid #407abd; font-size: 14px; text-align: center; padding: 6px 0; color: rgba(255,255,255,.8)}
.table1 td{ border-bottom: 1px dotted#407abd;font-size: 12px; padding:6px 0;text-align: center; color: rgba(255,255,255,.6)}
.table1 tr:last-child td{border: none;}
.mapc{background: url(../images/bg3.png) no-repeat center center; background-size: 100% 100%}
.map{position: relative; height: 100%; padding-left: 10%;}
.map img{}
.mapnav{position: absolute;z-index: 10;}
.mapnav div{ background: url(../images/bg1.png) no-repeat; background-size:100% auto; width: 110px;text-align: center; padding: 20px 0; line-height: 120%;}
.mapnav div span{font-size: 14px; opacity: .6}
.mapnav div p{font-size: 20px; font-weight: bold; padding-top: 5px;}
.mapnav li{float: left; margin-right: 6px;}
.leidanav{margin-top: -5px;}
.leidanav li{float: left; width: 20%; text-align: center; border-left: 1px solid rgba(255,255,255,.1)}
.leidanav2 li{ width: 33.3333%}
.leidanav3 li{ width: 25%}
.leidanav li:first-child{border-left: none;}
.leidanav span{font-size: 12px; opacity: .6}
.leidanav p{font-size: 18px; color: #26a6ff }
.mapnav2{ position: absolute; left: 10px; bottom:0px; width: 40%; z-index: 10;}
.mapnav2 .box{}
.ybp{width: 100%}
.ybp li{float: left; width: 50%; height: 120px; }
.duibi li{float: left; width: 25%; height: 200px; padding: 0; border: none;}
.btn{ position: absolute; border-radius:2px; padding:4px 20px; opacity: .8;}
.btn1{border: 1px solid rgba(255,255,255,.5); background: #388665; left:35%; top: 30%;}
.btn2{ border: 1px solid rgba(255,255,255,.5); background: #297cc7;right:32%; top: 60%;}
.btn:hover{color: #fff; opacity:1;}
.btn1:before,.btn2:before{position: absolute; content: ''; width: 50px; height: 1px; background: #fff;}
.btn1:before{ transform: rotate(30deg); right: -65%; top: 100%}
.btn2:before{ transform: rotate(30deg); left: -65%; top: -10%}
.tit02{font-size: 14px; padding: 10px 0;}
.tagcloud { width:100%; height:90%!important; overflow: hidden;
position: relative;
}
.tagcloud a {
display: block;
border-radius: 50%;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
text-align: center;
display: flex; align-items: center; justify-content: center;
}
.b01{
width: 50px;
height: 50px;
}
.b02{
width: 80px;
height: 80px;
}
.b03{
width: 60px;
height: 60px;
}
.b04{
width: 70px;
height: 70px;
}
.co01{ border: 2px solid rgba(5,118,254,1); box-shadow: inset 0 0 20px rgba(5,118,254,1);}
.co02{border: 2px solid rgba(238,255,65,1); box-shadow: inset 0 0 20px rgba(238,255,65,1);}
.co03{border: 2px solid rgba(26,121,181,1); box-shadow: inset 0 0 20px rgba(26,121,181,1);}
.co04{border: 2px solid rgba(1,187,181,1); box-shadow: inset 0 0 20px rgba(1,187,181,1);}
.co05{border: 2px solid rgba(255,138,0,1); box-shadow: inset 0 0 20px rgba(255,138,0,1);}
.huati{ padding-top: 20px;}
.huati li{ font-size: 12px; line-height: 230%;}
.wancheng{display: flex; align-items: center; justify-content: center;}
.wancheng span{font-size: 14px; color: #fff;}
.wancheng h3{font-size: 20px; color:#00b4ff;}
.wancheng h3 i{font-size: 12px; color:#fff;}
.yuan{padding:5px;border-radius: 100%; margin-left: 10px; border: 2px solid rgba(0,99,169,.8);}
.yuan span{width: 60px; height: 60px; border-radius: 100%; background: rgba(0,99,169,.8); display: flex; align-items: center; justify-content: center; font-size: 20px;}

BIN
bigscreen1/images/.DS_Store vendored
View File

Binary file not shown.

BIN
bigscreen1/images/Home.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 794 B

BIN
bigscreen1/images/bg1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
bigscreen1/images/bg3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 366 KiB

BIN
bigscreen1/images/head.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
bigscreen1/images/icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
bigscreen1/images/loading.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 701 B

BIN
bigscreen1/images/map.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

322
bigscreen1/index.html
Unescape Escape View File

@ -0,0 +1,322 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/map.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/Bubble.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="head clearfix">
<h1 class="pulll_left">某公司大数据监控平台</h1>
<div class="menu menu2 pulll_left">
<ul>
<li><a href="#">标题样式</a></li>
<li><a href="#">标题样式</a></li>
<li><a href="#">标题样式</a></li>
<li><a href="#">标题样式</a></li>
<li><a href="#">标题样式</a></li>
<li><a href="#">标题样式</a></li>
</ul>
</div>
<div class="time" id="showTime">2018/6/12 17:00:12</div>
</div>
<div class="mainbox">
<ul class="clearfix nav1">
<li style="width: 22%">
<div class="box">
<div class="tit">版块标题1</div>
<div class="boxnav" style="height: 200px;">
<table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>业务类型</th>
<th>计划完成</th>
<th>实际完成</th>
<th>增长率</th>
</tr>
<tr>
<td>类型1</td>
<td><span class="text-w">1000万</span></td>
<td><span class="text-b">900万</span></td>
<td>
<div class="text-d">↑12%</div>
</td>
</tr>
<tr>
<td>类型1</td>
<td><span class="text-w">1000万</span></td>
<td><span class="text-b">900万</span></td>
<td>
<div class="text-s">↓12%</div>
</td>
</tr>
<tr>
<td>类型1</td>
<td><span class="text-w">1000万</span></td>
<td><span class="text-b">900万</span></td>
<td>
<div class="text-d">↑12%</div>
</td>
</tr>
<tr>
<td>类型1</td>
<td><span class="text-w">1000万</span></td>
<td><span class="text-b">900万</span></td>
<td>
<div class="text-s">↓12%</div>
</td>
</tr>
<tr>
<td>类型1</td>
<td><span class="text-w">1000万</span></td>
<td><span class="text-b">900万</span></td>
<td>
<div class="text-d">↑12%</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="box">
<div class="tit">版块标题</div>
<div class="boxnav" style="height: 250px;">
<div class="" style="height: 190px" id="echart1"></div>
<div class="leidanav">
<ul class="clearfix">
<li><span>文本1</span>
<p>43</p>
</li>
<li><span>文本2</span>
<p>100</p>
</li>
<li><span>文本3</span>
<p>28</p>
</li>
<li><span>文本4</span>
<p>3</p>
</li>
<li><span>文本5</span>
<p>150</p>
</li>
</ul>
</div>
</div>
</div>
</li>
<li style="width: 56%">
<div class="box">
<div class="boxnav mapc" style="height: 550px; position: relative">
<div class="mapnav">
<ul>
<li>
<div><span>数据1</span>
<p>40%</p>
</div>
</li>
<li>
<div><span>数据2</span>
<p>12%</p>
</div>
</li>
<li>
<div><span>数据3</span>
<p>80</p>
</div>
</li>
<li>
<div><span>数据4</span>
<p>124</p>
</div>
</li>
<li>
<div><span>数据5</span>
<p>10%</p>
</div>
</li>
</ul>
</div>
<div class="mapnav2">
<div class="box">
<div class="tit">版块标题</div>
<div class="boxnav" style="height: 130px;" id="sysx">
</div>
<div class="leidanav leidanav3" style="margin-bottom: 15px;">
<ul class="clearfix">
<li><span>业务笔数</span>
<p>128</p>
</li>
<li><span>业务收益</span>
<p>100</p>
</li>
<li><span>业务笔数</span>
<p>28</p>
</li>
<li><span>业务收益</span>
<p>28</p>
</li>
</ul>
</div>
</div>
</div>
<div class="map" id="map"></div>
<script>
$(".mapbtn a").hover(function () {
var ind = $(this).index()
$(".mapnav ul").eq(ind).show().siblings().hide()
})
</script>
</div>
</div>
</li>
<li style="width: 22%">
<div class="box">
<div class="tit">版块标题</div>
<div class="boxnav" id="echart3" style="height: 200px;">
</div>
</div>
<div class="box">
<div class="tit">版块标题</div>
<div class="boxnav" style="height: 250px;">
<div style="height: 200px; float: left; width: 40%; padding: 0 5px;">
<div class="tit02 text-b">热门话题榜</div>
<div class="huati">
<ul>
<li>1.数据分析 <span class="text-s">↑2167</span></li>
<li>2.云存储 <span class="text-s">↑2167</span></li>
<li>3.视觉分析 <span class="text-d">↓2167</span></li>
<li>4.海量词库 <span class="text-d">↓2167</span></li>
<li>5.云词典 <span class="text-d">↓2167</span></li>
</ul>
</div>
</div>
<div style="height: 200px; float: left; width: 60%">
<div class="text-b tit02" style="text-align: center;">关键词 — 云</div>
<div class="tagcloud">
<!-- bo大小 co颜色 -->
<a class="b01 co01" href="#">大数据</a>
<a class="b02 co02" href="#">大数据</a>
<a class="b03 co05" href="#">大数据</a>
<a class="b04 co02" href="#">大数据</a>
<a class="b03 co05" href="#">大数据</a>
</div>
<script type="text/javascript">
/*3D标签云*/
tagcloud({
selector: ".tagcloud", //元素选择器
fontsize: 6, //基本字体大小, 单位px
radius: 40, //滚动半径, 单位px 页面宽度和高度的五分之一
mspeed: "slow", //滚动最大速度, 取值: slow, normal(默认), fast
ispeed: "slow", //滚动初速度, 取值: slow, normal(默认), fast
direction: 0, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
keep: false //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
});
</script>
</div>
</div>
</div>
</li>
</ul>
<div class="box" style="padding: 20px 0;">
<ul class="clearfix nav2 ">
<li style="width:25%">
<div class="tit01">版块标题</div>
<div class="" id="">
<div style="float: left; width: 50%; height: 170px" id="fb01"></div>
<div style="float: left; width: 50%; height: 170px" id="fb02"></div>
</div>
<div class="leidanav leidanav2">
<ul class="clearfix">
<li><span>总人数</span>
<p>128</p>
</li>
<li><span>男职员</span>
<p>100</p>
</li>
<li><span>女职员</span>
<p>28</p>
</li>
</ul>
</div>
</li>
<li style="width:25%">
<div class="tit01">版块标题</div>
<div class="ftechart" id="echart4"></div>
</li>
<li style="width:25%">
<div class="tit01">版块标题</div>
<div class="" style="height:100%;display: flex; align-items: center;">
<div style="float: left; width: 50%; height: 100%" class="wancheng">
<div><span>已完成人数</span>
<h3>1835<i>人</i></h3>
</div>
<div class="yuan">
<span>19%</span>
</div>
</div>
<div style="float: left; width: 50%; height: 50%" id="myd1"></div>
</div>
</li>
<li style="width:25%">
<div class="tit01">版块标题</div>
<div class="" id="">
<div style="float: left; width: 50%; height: 200px" id="fb03"></div>
<div style="float: left; width: 50%; height: 200px" id="fb04"></div>
</div>
</li>
</ul>
</div>
</div>
</body>
<script>
var t = null;
t = setTimeout(time, 1000);//開始运行
function time() {
clearTimeout(t);//清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours();//获取时
var m = dt.getMinutes();//获取分
var s = dt.getSeconds();//获取秒
document.getElementById("showTime").innerHTML = y + "/" + mt + "/" + day + " " + h + ":" + m + ":" + s + "";
t = setTimeout(time, 1000); //设定定时器，循环运行
}
</script>
</html>

BIN
bigscreen1/js/.DS_Store vendored
View File

Binary file not shown.

28
bigscreen1/js/44.json
Unescape Escape View File

@ -0,0 +1,28 @@
{"type": "FeatureCollection",
"cp":[113.4668,22.8076],
"size":"1600",
"features":
[
{"type": "Feature","properties":{"id":"4418","name":"清远市","cp":[112.9175,24.3292],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[112.9944,24.928],[113.0164,24.8621],[112.9614,24.8236],[112.9395,24.7302],[112.9065,24.7137],[112.9175,24.6588],[112.8735,24.6204],[112.8845,24.6039],[112.9504,24.5929],[112.9834,24.5435],[113.0493,24.4775],[113.0823,24.472],[113.1042,24.4995],[113.1482,24.4775],[113.1702,24.494],[113.2031,24.483],[113.2471,24.5105],[113.269,24.4666],[113.302,24.4556],[113.3899,24.4775],[113.4448,24.4556],[113.4888,24.4885],[113.5217,24.4775],[113.5437,24.5105],[113.5876,24.5105],[113.6755,24.4666],[113.6865,24.4391],[113.6755,24.4226],[113.6975,24.4116],[113.7195,24.4116],[113.7524,24.4391],[113.7634,24.4171],[113.8074,24.4006],[113.8184,24.3512],[113.8513,24.3292],[113.8403,24.2688],[113.8733,24.2523],[113.9172,24.1974],[113.8623,24.1589],[113.8623,24.137],[113.8403,24.1205],[113.8403,24.0875],[113.8293,24.0601],[113.8074,24.0491],[113.7854,24.0216],[113.7524,24.0271],[113.7305,23.9832],[113.7744,23.9502],[113.8074,23.8953],[113.7854,23.8953],[113.7524,23.8513],[113.7085,23.8568],[113.7085,23.8184],[113.6316,23.8074],[113.6206,23.7799],[113.6316,23.703],[113.5986,23.6646],[113.5547,23.692],[113.4888,23.681],[113.4338,23.7195],[113.3679,23.7305],[113.3679,23.7085],[113.324,23.6426],[113.291,23.6426],[113.291,23.6151],[113.1921,23.5657],[113.2031,23.5437],[113.1921,23.5162],[112.9614,23.4558],[112.8955,23.4998],[112.8845,23.5217],[112.9175,23.5437],[112.9065,23.5657],[112.8955,23.5547],[112.8406,23.5712],[112.8296,23.5492],[112.7966,23.5492],[112.7966,23.5822],[112.7527,23.6096],[112.7856,23.6481],[112.7856,23.6646],[112.7197,23.692],[112.7307,23.7524],[112.6978,23.7634],[112.7087,23.8074],[112.6538,23.8129],[112.6978,23.9063],[112.6758,23.9392],[112.5989,23.9447],[112.5659,23.9777],[112.511,23.9777],[112.522,24.0161],[112.489,24.1095],[112.4341,24.1315],[112.4561,24.2303],[112.4451,24.2798],[112.4231,24.2908],[112.3572,24.3787],[112.3352,24.3677],[112.2693,24.4006],[112.2583,24.3951],[112.2583,24.2523],[112.2144,24.2413],[112.2144,24.2249],[112.1704,24.1809],[112.0825,24.2578],[112.0496,24.2468],[112.0386,24.1864],[112.0056,24.1864],[111.9617,24.2358],[111.9397,24.2358],[111.9507,24.2633],[111.9836,24.2578],[111.9946,24.2743],[112.0276,24.2963],[112.0605,24.3402],[112.0605,24.3732],[112.0276,24.4391],[111.9836,24.472],[112.0056,24.505],[112.0056,24.5325],[111.9727,24.5764],[111.9397,24.5929],[111.9287,24.6368],[111.9507,24.6588],[111.9397,24.6918],[111.9617,24.7192],[112.0276,24.7412],[112.0386,24.7742],[112.1045,24.8291],[112.1704,24.8621],[112.1704,24.9225],[112.1265,24.9554],[112.1265,24.9829],[112.1594,25.0269],[112.1484,25.0543],[112.1924,25.1862],[112.2253,25.1971],[112.2583,25.1642],[112.3022,25.1587],[112.3572,25.1917],[112.4011,25.1422],[112.4451,25.1862],[112.467,25.1532],[112.533,25.1312],[112.6648,25.1312],[112.7307,25.0598],[112.7087,25.0159],[112.7417,25.0104],[112.7417,24.9609],[112.7856,24.939],[112.7856,24.895],[112.8735,24.895],[112.9065,24.917],[112.9944,24.928]]]}},
{"type": "Feature","properties":{"id":"4402","name":"韶关市","cp":[113.7964,24.7028],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[114.4006,24.95],[114.3896,24.906],[114.4006,24.884],[114.3457,24.8126],[114.3457,24.7797],[114.3347,24.7522],[114.2908,24.7302],[114.2798,24.7028],[114.1809,24.6753],[114.2029,24.6533],[114.2249,24.6533],[114.2908,24.6259],[114.3127,24.5764],[114.2908,24.538],[114.2688,24.5325],[114.3127,24.483],[114.2468,24.4171],[114.2468,24.3677],[114.2908,24.3512],[114.2578,24.2633],[114.2798,24.2139],[114.3018,24.2029],[114.2908,24.1754],[114.3347,24.126],[114.3457,24.1425],[114.4226,24.1425],[114.4666,24.1095],[114.4885,24.1205],[114.4666,24.1425],[114.4666,24.1699],[114.5544,24.2303],[114.5874,24.2249],[114.5984,24.1754],[114.5654,24.1534],[114.5544,24.1315],[114.5325,24.115],[114.5105,24.104],[114.4885,24.115],[114.4775,24.0875],[114.4006,24.0271],[114.3787,23.9392],[114.3457,23.8898],[114.3347,23.9008],[114.2688,23.8953],[114.2468,23.9172],[114.2468,23.9447],[114.2029,23.9447],[114.1809,23.9612],[114.1589,23.9392],[114.104,23.9227],[114.0601,23.9337],[114.0381,23.9172],[113.9941,23.9282],[113.8953,23.9117],[113.8843,23.9282],[113.8074,23.8953],[113.7744,23.9502],[113.7305,23.9832],[113.7524,24.0271],[113.7854,24.0216],[113.8074,24.0491],[113.8293,24.0601],[113.8403,24.0875],[113.8403,24.1205],[113.8623,24.137],[113.8623,24.1589],[113.9172,24.1974],[113.8733,24.2523],[113.8403,24.2688],[113.8513,24.3292],[113.8184,24.3512],[113.8074,24.4006],[113.7634,24.4171],[113.7524,24.4391],[113.7195,24.4116],[113.6975,24.4116],[113.6755,24.4226],[113.6865,24.4391],[113.6755,24.4666],[113.5876,24.5105],[113.5437,24.5105],[113.5217,24.4775],[113.4888,24.4885],[113.4448,24.4556],[113.3899,24.4775],[113.302,24.4556],[113.269,24.4666],[113.2471,24.5105],[113.2031,24.483],[113.1702,24.494],[113.1482,24.4775],[113.1042,24.4995],[113.0823,24.472],[113.0493,24.4775],[112.9834,24.5435],[112.9504,24.5929],[112.8845,24.6039],[112.8735,24.6204],[112.9175,24.6588],[112.9065,24.7137],[112.9395,24.7302],[112.9614,24.8236],[113.0164,24.8621],[112.9944,24.928],[112.9944,24.9554],[112.9504,25.0049],[113.0164,25.0818],[112.9724,25.1367],[112.9724,25.1697],[113.0273,25.2026],[112.9944,25.2521],[112.9065,25.2356],[112.8625,25.2466],[112.8516,25.3345],[112.8735,25.3235],[112.8955,25.34],[112.9065,25.3015],[112.9285,25.3015],[112.9504,25.34],[113.0273,25.351],[113.0603,25.3839],[113.0823,25.3784],[113.1042,25.4169],[113.1262,25.4114],[113.1372,25.4883],[113.1921,25.4773],[113.2361,25.5103],[113.291,25.4993],[113.291,25.5157],[113.313,25.4938],[113.313,25.4443],[113.3569,25.4388],[113.3679,25.4059],[113.4229,25.3949],[113.4448,25.3619],[113.4998,25.3729],[113.5217,25.3564],[113.5437,25.3839],[113.5547,25.3564],[113.5767,25.34],[113.5876,25.3125],[113.7524,25.3619],[113.7744,25.329],[113.8184,25.3345],[113.8403,25.3619],[113.8843,25.3949],[113.8843,25.4333],[113.9612,25.4498],[114.0051,25.4443],[113.9832,25.4059],[114.0161,25.3839],[114.0381,25.3949],[114.0271,25.3784],[114.0491,25.351],[114.0161,25.2795],[114.0271,25.2521],[114.126,25.3125],[114.1699,25.3125],[114.1919,25.296],[114.2688,25.307],[114.3018,25.2905],[114.3127,25.329],[114.3896,25.3235],[114.4336,25.3455],[114.4336,25.3784],[114.4775,25.3729],[114.5435,25.4169],[114.5764,25.3839],[114.5874,25.3894],[114.5874,25.3729],[114.6313,25.3235],[114.6973,25.3235],[114.7412,25.2795],[114.7412,25.2411],[114.7083,25.2191],[114.6863,25.1752],[114.7192,25.1587],[114.7302,25.1202],[114.6753,25.1093],[114.6753,25.0928],[114.6423,25.0763],[114.5874,25.0708],[114.5654,25.0873],[114.5435,25.0214],[114.5215,25.0269],[114.4995,24.9994],[114.4666,24.9994],[114.4006,24.95]]]}},
{"type": "Feature","properties":{"id":"4408","name":"湛江市","cp":[110.3577,20.9894],"childNum":6},"geometry":{"type":"Polygon","coordinates":[[[110.3906,21.8903],[110.3906,21.8573],[110.3687,21.8683],[110.3357,21.8243],[110.3357,21.8079],[110.3687,21.7969],[110.3577,21.698],[110.3796,21.676],[110.4126,21.6815],[110.3796,21.6595],[110.4126,21.6156],[110.4126,21.5881],[110.4236,21.5936],[110.4346,21.5826],[110.4236,21.5607],[110.4785,21.5497],[110.4785,21.5167],[110.5005,21.5112],[110.5225,21.4838],[110.5444,21.4728],[110.5664,21.5167],[110.6213,21.4838],[110.6543,21.5002],[110.6763,21.4893],[110.6763,21.5222],[110.6982,21.5167],[110.7312,21.5387],[110.7312,21.5717],[110.7422,21.5881],[110.7312,21.6211],[110.7751,21.6486],[110.7971,21.6266],[110.7971,21.5881],[110.8191,21.5771],[110.8191,21.5497],[110.8521,21.5222],[110.8411,21.4893],[110.874,21.4948],[110.885,21.4398],[110.896,21.4288],[110.9509,21.4453],[111.0828,21.3574],[110.7642,21.3354],[110.6873,21.2585],[110.6653,21.1926],[110.6653,21.1267],[110.6433,21.0168],[110.7092,20.8795],[110.6873,20.8521],[110.6433,20.8356],[110.5225,20.8466],[110.4785,20.874],[110.4675,20.7971],[110.4346,20.7367],[110.4895,20.6927],[110.5994,20.4785],[110.6213,20.3851],[110.5994,20.2972],[110.6104,20.2478],[110.3577,20.127],[109.8193,20.061],[109.8193,20.116],[109.8743,20.2148],[109.8633,20.3192],[109.8083,20.4346],[109.7974,20.484],[109.7314,20.5389],[109.6875,20.6323],[109.6326,20.8905],[109.6545,21.0443],[109.6436,21.1432],[109.7424,21.2585],[109.7534,21.297],[109.7534,21.3794],[109.7864,21.4178],[109.7864,21.4893],[109.7534,21.5607],[109.7424,21.6211],[109.7644,21.6705],[109.7864,21.6376],[109.8962,21.6541],[109.9292,21.7365],[109.9402,21.8463],[109.9951,21.8848],[110.061,21.8573],[110.094,21.8848],[110.105,21.8683],[110.116,21.9012],[110.1379,21.8903],[110.2039,21.8958],[110.2368,21.8793],[110.2808,21.8958],[110.2917,21.9177],[110.3247,21.8903],[110.3906,21.8903]]]}},
{"type": "Feature","properties":{"id":"4414","name":"梅州市","cp":[116.1255,24.1534],"childNum":8},"geometry":{"type":"Polygon","coordinates":[[[115.3564,23.8458],[115.3894,23.8788],[115.4114,23.9502],[115.4553,23.9722],[115.4443,24.0326],[115.4114,24.0601],[115.4443,24.1095],[115.4443,24.1315],[115.4883,24.1425],[115.5103,24.0985],[115.5322,24.104],[115.5103,24.1864],[115.5432,24.1699],[115.5432,24.1974],[115.5872,24.2468],[115.5542,24.3512],[115.5872,24.4116],[115.5762,24.4391],[115.5981,24.4611],[115.5872,24.4556],[115.5762,24.472],[115.4993,24.494],[115.4883,24.5544],[115.5103,24.5709],[115.5103,24.6039],[115.5212,24.6313],[115.5542,24.6423],[115.5872,24.6204],[115.6091,24.6259],[115.675,24.5984],[115.686,24.5435],[115.73,24.5435],[115.8398,24.5654],[115.7629,24.6698],[115.8069,24.6918],[115.7739,24.7083],[115.752,24.7522],[115.8179,24.906],[115.8948,24.873],[115.8838,24.939],[115.9717,24.917],[115.9937,24.895],[116.0376,24.9005],[116.0706,24.8511],[116.1035,24.8566],[116.1475,24.8456],[116.1914,24.8785],[116.2244,24.8346],[116.2463,24.8291],[116.2354,24.8071],[116.2463,24.7906],[116.3013,24.8016],[116.3342,24.8291],[116.3342,24.8236],[116.3452,24.8346],[116.3452,24.8621],[116.4001,24.8785],[116.3892,24.8566],[116.4221,24.8401],[116.3782,24.8236],[116.3782,24.8016],[116.3892,24.8016],[116.4221,24.7687],[116.4221,24.7412],[116.4551,24.7137],[116.488,24.7192],[116.521,24.6478],[116.51,24.6204],[116.521,24.6094],[116.5649,24.6204],[116.5979,24.6533],[116.6309,24.6423],[116.6638,24.6588],[116.7407,24.6698],[116.7517,24.6533],[116.7737,24.6753],[116.8066,24.6753],[116.8176,24.6478],[116.7517,24.5544],[116.7957,24.4995],[116.8506,24.483],[116.8616,24.4666],[116.8396,24.4446],[116.8506,24.4281],[116.9165,24.3677],[116.9165,24.3073],[116.9385,24.2798],[116.9385,24.2303],[116.8945,24.2194],[116.9055,24.2029],[116.8726,24.1644],[116.8506,24.1809],[116.8396,24.1644],[116.7847,24.1589],[116.7737,24.1315],[116.7737,24.082],[116.7517,24.082],[116.7297,24.0546],[116.7078,24.0601],[116.6968,23.9996],[116.6858,23.9886],[116.6418,23.9941],[116.6418,23.9722],[116.6199,23.9612],[116.6199,23.9502],[116.6089,23.9392],[116.5979,23.9063],[116.5649,23.9063],[116.532,23.8788],[116.499,23.8623],[116.521,23.8348],[116.499,23.7524],[116.4221,23.7744],[116.3672,23.736],[116.3342,23.7744],[116.2793,23.7634],[116.2463,23.7305],[116.2244,23.725],[116.2134,23.703],[116.1804,23.6755],[116.1914,23.6371],[116.1694,23.6151],[116.0925,23.6261],[116.0596,23.6426],[116.0486,23.6426],[116.0596,23.6316],[115.9827,23.6481],[115.9497,23.6261],[115.8948,23.6261],[115.8398,23.6591],[115.8069,23.6316],[115.8069,23.5712],[115.7959,23.5712],[115.7849,23.5162],[115.719,23.5162],[115.686,23.5547],[115.6201,23.5052],[115.6091,23.4723],[115.5981,23.4723],[115.5652,23.4393],[115.5212,23.4338],[115.5103,23.3899],[115.4773,23.3734],[115.4553,23.3789],[115.4224,23.4723],[115.4553,23.5547],[115.4224,23.6096],[115.4663,23.703],[115.4333,23.714],[115.4114,23.6975],[115.3894,23.736],[115.3894,23.7744],[115.3564,23.7579],[115.3235,23.7634],[115.3784,23.8019],[115.3564,23.8348],[115.3564,23.8458]]]}},
{"type": "Feature","properties":{"id":"4416","name":"河源市","cp":[114.917,23.9722],"childNum":6},"geometry":{"type":"Polygon","coordinates":[[[114.3127,24.5764],[114.3677,24.5874],[114.3896,24.5654],[114.4006,24.505],[114.4226,24.4885],[114.5325,24.5599],[114.5544,24.538],[114.5874,24.538],[114.6204,24.5709],[114.6643,24.5819],[114.7083,24.5325],[114.7412,24.5654],[114.7412,24.6149],[114.8511,24.5929],[114.873,24.5654],[114.895,24.6039],[114.917,24.6643],[114.939,24.6533],[114.9939,24.6808],[115.0269,24.6698],[115.0598,24.7028],[115.1147,24.6643],[115.1257,24.6808],[115.1917,24.6918],[115.1917,24.7137],[115.2576,24.7302],[115.2795,24.7522],[115.3125,24.7577],[115.3564,24.7357],[115.3674,24.7687],[115.4114,24.7797],[115.4773,24.7632],[115.5212,24.6973],[115.5542,24.6863],[115.5542,24.6423],[115.5212,24.6313],[115.5103,24.6039],[115.5103,24.5709],[115.4883,24.5544],[115.4993,24.494],[115.5762,24.472],[115.5872,24.4556],[115.5981,24.4611],[115.5762,24.4391],[115.5872,24.4116],[115.5542,24.3512],[115.5872,24.2468],[115.5432,24.1974],[115.5432,24.1699],[115.5103,24.1864],[115.5322,24.104],[115.5103,24.0985],[115.4883,24.1425],[115.4443,24.1315],[115.4443,24.1095],[115.4114,24.0601],[115.4443,24.0326],[115.4553,23.9722],[115.4114,23.9502],[115.3894,23.8788],[115.3564,23.8458],[115.3564,23.8348],[115.3784,23.8019],[115.3235,23.7634],[115.3564,23.7579],[115.3894,23.7744],[115.3894,23.736],[115.4114,23.6975],[115.4333,23.714],[115.4663,23.703],[115.4224,23.6096],[115.4553,23.5547],[115.4224,23.4723],[115.4553,23.3789],[115.4773,23.3734],[115.4773,23.3295],[115.4883,23.3185],[115.4663,23.3075],[115.4553,23.28],[115.4224,23.28],[115.4224,23.2471],[115.4114,23.2526],[115.4004,23.2855],[115.3345,23.3185],[115.3125,23.313],[115.3015,23.324],[115.3015,23.3514],[115.2576,23.3844],[115.1147,23.3624],[115.0598,23.324],[115.0049,23.3295],[114.9939,23.2965],[114.9609,23.3185],[114.95,23.3459],[114.917,23.3405],[114.917,23.2745],[114.8621,23.2141],[114.873,23.1866],[114.8401,23.1702],[114.7852,23.2141],[114.7852,23.2635],[114.7742,23.2745],[114.7742,23.313],[114.6973,23.3624],[114.6973,23.4119],[114.6313,23.4064],[114.6973,23.4668],[114.6863,23.4943],[114.6973,23.5327],[114.6643,23.5327],[114.6533,23.5602],[114.6094,23.5327],[114.5654,23.5712],[114.5544,23.5931],[114.5654,23.6096],[114.4995,23.692],[114.4775,23.703],[114.4446,23.6865],[114.3896,23.7415],[114.3567,23.7305],[114.3457,23.7524],[114.3457,23.7909],[114.3237,23.8239],[114.3457,23.8898],[114.3787,23.9392],[114.4006,24.0271],[114.4775,24.0875],[114.4885,24.115],[114.5105,24.104],[114.5325,24.115],[114.5544,24.1315],[114.5654,24.1534],[114.5984,24.1754],[114.5874,24.2249],[114.5544,24.2303],[114.4666,24.1699],[114.4666,24.1425],[114.4885,24.1205],[114.4666,24.1095],[114.4226,24.1425],[114.3457,24.1425],[114.3347,24.126],[114.2908,24.1754],[114.3018,24.2029],[114.2798,24.2139],[114.2578,24.2633],[114.2908,24.3512],[114.2468,24.3677],[114.2468,24.4171],[114.3127,24.483],[114.2688,24.5325],[114.2908,24.538],[114.3127,24.5764]]]}},
{"type": "Feature","properties":{"id":"4412","name":"肇庆市","cp":[112.1265,23.5822],"childNum":7},"geometry":{"type":"Polygon","coordinates":[[[111.9397,24.2358],[111.9617,24.2358],[112.0056,24.1864],[112.0386,24.1864],[112.0496,24.2468],[112.0825,24.2578],[112.1704,24.1809],[112.2144,24.2249],[112.2144,24.2413],[112.2583,24.2523],[112.2583,24.3951],[112.2693,24.4006],[112.3352,24.3677],[112.3572,24.3787],[112.4231,24.2908],[112.4451,24.2798],[112.4561,24.2303],[112.4341,24.1315],[112.489,24.1095],[112.522,24.0161],[112.511,23.9777],[112.5659,23.9777],[112.5989,23.9447],[112.6758,23.9392],[112.6978,23.9063],[112.6538,23.8129],[112.7087,23.8074],[112.6978,23.7634],[112.7307,23.7524],[112.7197,23.692],[112.7856,23.6646],[112.7856,23.6481],[112.7527,23.6096],[112.7966,23.5822],[112.7966,23.5492],[112.8296,23.5492],[112.8516,23.5272],[112.8516,23.4998],[112.8076,23.4503],[112.7856,23.3789],[112.7966,23.3679],[112.8076,23.3899],[112.8406,23.3844],[112.8845,23.3405],[112.8625,23.291],[112.8186,23.2416],[112.8296,23.2251],[112.8076,23.1921],[112.8076,23.2141],[112.7856,23.2086],[112.7637,23.2251],[112.8296,23.0164],[112.8076,22.9999],[112.7637,22.9779],[112.7417,22.9834],[112.7307,22.934],[112.6868,22.923],[112.6648,22.89],[112.5879,22.8625],[112.5659,22.8735],[112.5549,22.8296],[112.533,22.8186],[112.5,22.8241],[112.4561,22.7856],[112.3901,22.7692],[112.3792,22.7966],[112.3132,22.7911],[112.3352,22.8076],[112.3132,22.8241],[112.3132,22.901],[112.2583,22.9175],[112.2583,22.9504],[112.2803,22.9559],[112.2803,22.9779],[112.3022,23.0109],[112.2913,23.0438],[112.3022,23.0768],[112.3242,23.0878],[112.3132,23.1207],[112.2803,23.1262],[112.2363,23.1152],[112.1814,23.0713],[112.1045,23.0878],[112.0386,23.0713],[111.9836,23.0878],[111.9617,23.1317],[111.9067,23.1262],[111.8628,23.1427],[111.7639,23.1317],[111.665,23.1592],[111.6321,23.1866],[111.5771,23.1921],[111.5332,23.2196],[111.5771,23.2581],[111.5222,23.324],[111.5112,23.291],[111.4783,23.2745],[111.4563,23.2745],[111.4124,23.3185],[111.3794,23.324],[111.3794,23.313],[111.3574,23.3295],[111.3904,23.3734],[111.4014,23.4613],[111.4233,23.4668],[111.4673,23.5107],[111.4893,23.5602],[111.4893,23.6206],[111.5881,23.6481],[111.6101,23.6371],[111.6211,23.6755],[111.665,23.703],[111.6541,23.7195],[111.6211,23.725],[111.6541,23.8348],[111.687,23.8239],[111.709,23.8348],[111.8079,23.8074],[111.8298,23.8513],[111.8188,23.8953],[111.8518,23.9117],[111.8518,23.9502],[111.8738,23.9392],[111.9067,23.9502],[111.9397,23.9832],[111.9177,24.0381],[111.8848,24.082],[111.8848,24.1589],[111.8738,24.1864],[111.8848,24.2303],[111.9177,24.2194],[111.9397,24.2358]]]}},
{"type": "Feature","properties":{"id":"4413","name":"惠州市","cp":[114.6204,23.1647],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[114.0381,23.9172],[114.0601,23.9337],[114.104,23.9227],[114.1589,23.9392],[114.1809,23.9612],[114.2029,23.9447],[114.2468,23.9447],[114.2468,23.9172],[114.2688,23.8953],[114.3347,23.9008],[114.3457,23.8898],[114.3237,23.8239],[114.3457,23.7909],[114.3457,23.7524],[114.3567,23.7305],[114.3896,23.7415],[114.4446,23.6865],[114.4775,23.703],[114.4995,23.692],[114.5654,23.6096],[114.5544,23.5931],[114.5654,23.5712],[114.6094,23.5327],[114.6533,23.5602],[114.6643,23.5327],[114.6973,23.5327],[114.6863,23.4943],[114.6973,23.4668],[114.6313,23.4064],[114.6973,23.4119],[114.6973,23.3624],[114.7742,23.313],[114.7742,23.2745],[114.7852,23.2635],[114.7852,23.2141],[114.8401,23.1702],[114.873,23.1866],[114.8621,23.2141],[114.917,23.2745],[114.917,23.3405],[114.95,23.3459],[114.9609,23.3185],[114.9939,23.2965],[115.0049,23.3295],[115.0598,23.324],[115.1147,23.3624],[115.2576,23.3844],[115.3015,23.3514],[115.3015,23.324],[115.3125,23.313],[115.3345,23.3185],[115.4004,23.2855],[115.4114,23.2526],[115.4224,23.2471],[115.4004,23.2196],[115.3455,23.1921],[115.3235,23.1592],[115.2905,23.1537],[115.2795,23.0988],[115.2466,23.0603],[115.1807,23.0383],[115.1477,22.9999],[115.1038,23.0109],[114.9939,22.9395],[114.917,22.9065],[114.939,22.879],[114.928,22.8516],[114.95,22.8296],[114.95,22.8076],[114.9829,22.7747],[115.0049,22.7692],[114.9939,22.7527],[115.0378,22.6868],[115.0049,22.6648],[114.9609,22.6099],[114.928,22.522],[114.8621,22.5],[114.7522,22.5165],[114.6973,22.5],[114.7192,22.4011],[114.7083,22.3737],[114.5874,22.3901],[114.5654,22.4066],[114.5654,22.4286],[114.6423,22.5],[114.6533,22.522],[114.6094,22.5659],[114.5874,22.6593],[114.4336,22.6593],[114.4446,22.6978],[114.4116,22.7142],[114.4226,22.7527],[114.4116,22.7747],[114.3896,22.7582],[114.3677,22.7637],[114.3457,22.7802],[114.3457,22.8076],[114.2468,22.7856],[114.2249,22.8076],[114.2358,22.879],[114.2468,22.8845],[114.2578,22.9065],[114.2139,22.9285],[114.2249,22.9614],[114.2139,22.9834],[114.1919,22.9889],[114.1699,22.9724],[114.137,22.9779],[114.126,22.9944],[114.1479,23.0273],[114.104,23.0548],[114.082,23.0933],[114.0601,23.0988],[114.0161,23.0823],[113.9722,23.1152],[113.8403,23.1152],[113.8403,23.1427],[113.8843,23.1757],[113.8953,23.2251],[113.8843,23.2635],[113.8953,23.3185],[113.8733,23.324],[113.9063,23.3459],[113.9832,23.335],[113.9832,23.3789],[113.9941,23.3899],[113.9832,23.4283],[113.9502,23.4338],[113.9502,23.4668],[113.9722,23.4723],[113.9392,23.4778],[113.9392,23.4943],[113.8623,23.5437],[113.8513,23.5657],[113.8623,23.6041],[113.8184,23.6206],[113.8184,23.6481],[113.8293,23.67],[113.8513,23.6646],[113.9063,23.6975],[113.9172,23.725],[113.9722,23.736],[114.0051,23.7634],[114.0271,23.7579],[114.0601,23.7799],[114.0381,23.7909],[114.0601,23.8458],[114.0381,23.8953],[114.0381,23.9172]]]}},
{"type": "Feature","properties":{"id":"4409","name":"茂名市","cp":[111.0059,22.0221],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[111.0938,22.6923],[111.1267,22.6978],[111.1487,22.6318],[111.1707,22.6099],[111.2036,22.6044],[111.2256,22.5824],[111.2915,22.5879],[111.3245,22.5494],[111.2915,22.5385],[111.2695,22.4945],[111.3354,22.522],[111.3574,22.511],[111.4014,22.5165],[111.4233,22.4286],[111.4783,22.4506],[111.4783,22.4945],[111.5222,22.478],[111.5442,22.5165],[111.5881,22.5494],[111.6211,22.533],[111.6211,22.5],[111.665,22.5],[111.676,22.4835],[111.676,22.4615],[111.5991,22.3737],[111.5112,22.3627],[111.5112,22.3462],[111.4673,22.3297],[111.4563,22.2748],[111.4343,22.2803],[111.3794,22.2473],[111.3464,22.2089],[111.3245,22.1704],[111.3354,22.1155],[111.2915,22.0496],[111.3025,22.0221],[111.2805,21.9946],[111.2805,21.9562],[111.2915,21.9012],[111.4233,21.8518],[111.4233,21.8079],[111.3794,21.7694],[111.3794,21.7365],[111.4233,21.72],[111.4453,21.6925],[111.4124,21.6376],[111.4233,21.6156],[111.4233,21.5936],[111.4563,21.5277],[111.4343,21.4728],[111.3904,21.3794],[111.3245,21.3464],[111.1487,21.3409],[111.0828,21.3574],[110.9509,21.4453],[110.896,21.4288],[110.885,21.4398],[110.874,21.4948],[110.8411,21.4893],[110.8521,21.5222],[110.8191,21.5497],[110.8191,21.5771],[110.7971,21.5881],[110.7971,21.6266],[110.7751,21.6486],[110.7312,21.6211],[110.7422,21.5881],[110.7312,21.5717],[110.7312,21.5387],[110.6982,21.5167],[110.6763,21.5222],[110.6763,21.4893],[110.6543,21.5002],[110.6213,21.4838],[110.5664,21.5167],[110.5444,21.4728],[110.5225,21.4838],[110.5005,21.5112],[110.4785,21.5167],[110.4785,21.5497],[110.4236,21.5607],[110.4346,21.5826],[110.4236,21.5936],[110.4126,21.5881],[110.4126,21.6156],[110.3796,21.6595],[110.4126,21.6815],[110.3796,21.676],[110.3577,21.698],[110.3687,21.7969],[110.3357,21.8079],[110.3357,21.8243],[110.3687,21.8683],[110.3906,21.8573],[110.3906,21.8903],[110.3906,21.9122],[110.3796,21.9397],[110.3906,21.9562],[110.3577,21.9781],[110.3687,22.0056],[110.3467,22.0935],[110.3687,22.121],[110.3247,22.1594],[110.3467,22.1924],[110.3796,22.1649],[110.4126,22.2089],[110.4346,22.2034],[110.5005,22.1429],[110.5664,22.1979],[110.5994,22.1814],[110.6104,22.1539],[110.6323,22.1484],[110.6653,22.1649],[110.6763,22.1869],[110.6433,22.2253],[110.6543,22.2418],[110.6873,22.2473],[110.7202,22.2968],[110.7532,22.2748],[110.7861,22.2803],[110.7422,22.3627],[110.7092,22.3737],[110.7202,22.4341],[110.6873,22.4725],[110.7422,22.467],[110.7642,22.5769],[110.7751,22.5879],[110.8081,22.5604],[110.8301,22.5879],[110.885,22.5824],[110.896,22.6099],[110.9509,22.6099],[110.9619,22.6318],[111.0059,22.6373],[111.0278,22.6538],[111.0498,22.6483],[111.0938,22.6923]]]}},
{"type": "Feature","properties":{"id":"4407","name":"江门市","cp":[112.6318,22.1484],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[112.1594,22.3901],[112.1814,22.3792],[112.1924,22.4066],[112.2473,22.4121],[112.2363,22.4341],[112.2583,22.5],[112.3022,22.511],[112.3132,22.5549],[112.3462,22.5439],[112.3792,22.5549],[112.3792,22.5879],[112.4231,22.6483],[112.4341,22.6538],[112.4451,22.5989],[112.467,22.5879],[112.5,22.5989],[112.522,22.6154],[112.478,22.7032],[112.511,22.7307],[112.5439,22.7142],[112.5549,22.6923],[112.5439,22.6483],[112.5549,22.6428],[112.5989,22.6813],[112.5879,22.6978],[112.6428,22.7252],[112.6648,22.7197],[112.6978,22.7582],[112.7197,22.7032],[112.7637,22.6978],[112.8076,22.7252],[112.8186,22.8021],[112.8735,22.8406],[112.9175,22.8516],[112.9834,22.8021],[113.0603,22.8021],[113.0933,22.7032],[113.1702,22.6648],[113.1592,22.6208],[113.1921,22.5385],[113.2361,22.478],[113.2581,22.3901],[113.2251,22.4011],[113.2031,22.3846],[113.1592,22.4121],[113.1921,22.3572],[113.1812,22.2913],[113.1702,22.2418],[113.0933,22.1869],[113.0933,22.1539],[113.0603,22.0715],[113.0603,21.8408],[113.0603,21.7584],[112.9614,21.6925],[112.9504,21.6705],[112.9395,21.5881],[112.8845,21.5552],[112.7856,21.5497],[112.7087,21.5771],[112.6318,21.5607],[112.5659,21.5662],[112.533,21.5442],[112.478,21.4838],[112.3901,21.4453],[112.3352,21.4673],[112.3132,21.5497],[112.2913,21.7365],[112.3352,21.7749],[112.3242,21.8024],[112.3682,21.8628],[112.3462,21.8848],[112.3352,21.9617],[112.2253,22.0166],[112.2253,22.066],[112.1924,22.066],[112.1594,22.0935],[112.1265,22.099],[112.1045,22.1375],[112.0386,22.121],[112.0496,22.1429],[112.0386,22.1704],[112.0496,22.2034],[112.0056,22.2473],[112.0166,22.2693],[112.0386,22.2638],[112.0605,22.2803],[112.0825,22.3462],[112.1484,22.3407],[112.1594,22.3901]]]}},
{"type": "Feature","properties":{"id":"4417","name":"阳江市","cp":[111.8298,22.0715],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[111.3794,22.2473],[111.4343,22.2803],[111.4563,22.2748],[111.4673,22.3297],[111.5112,22.3462],[111.5112,22.3627],[111.5991,22.3737],[111.676,22.4615],[111.676,22.4835],[111.709,22.4945],[111.731,22.5659],[111.8188,22.6318],[111.8079,22.6538],[111.8298,22.6758],[111.8518,22.6758],[111.8738,22.6538],[111.8518,22.6318],[111.8628,22.6099],[111.8298,22.5934],[111.8958,22.5714],[111.9617,22.6373],[111.9946,22.5934],[111.9727,22.5439],[112.0056,22.478],[112.0825,22.4176],[112.1484,22.4121],[112.1594,22.3901],[112.1484,22.3407],[112.0825,22.3462],[112.0605,22.2803],[112.0386,22.2638],[112.0166,22.2693],[112.0056,22.2473],[112.0496,22.2034],[112.0386,22.1704],[112.0496,22.1429],[112.0386,22.121],[112.1045,22.1375],[112.1265,22.099],[112.1594,22.0935],[112.1924,22.066],[112.2253,22.066],[112.2253,22.0166],[112.3352,21.9617],[112.3462,21.8848],[112.3682,21.8628],[112.3242,21.8024],[112.3352,21.7749],[112.2913,21.7365],[112.3132,21.5497],[112.2693,21.5497],[112.2473,21.5662],[112.2363,21.5222],[112.1924,21.5057],[111.8848,21.5057],[111.7969,21.5112],[111.7529,21.5332],[111.698,21.5002],[111.5112,21.5002],[111.4673,21.4673],[111.4343,21.4728],[111.4563,21.5277],[111.4233,21.5936],[111.4233,21.6156],[111.4124,21.6376],[111.4453,21.6925],[111.4233,21.72],[111.3794,21.7365],[111.3794,21.7694],[111.4233,21.8079],[111.4233,21.8518],[111.2915,21.9012],[111.2805,21.9562],[111.2805,21.9946],[111.3025,22.0221],[111.2915,22.0496],[111.3354,22.1155],[111.3245,22.1704],[111.3464,22.2089],[111.3794,22.2473]]]}},
{"type": "Feature","properties":{"id":"4453","name":"云浮市","cp":[111.7859,22.8516],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[111.3794,23.313],[111.3794,23.324],[111.4124,23.3185],[111.4563,23.2745],[111.4783,23.2745],[111.5112,23.291],[111.5222,23.324],[111.5771,23.2581],[111.5332,23.2196],[111.5771,23.1921],[111.6321,23.1866],[111.665,23.1592],[111.7639,23.1317],[111.8628,23.1427],[111.9067,23.1262],[111.9617,23.1317],[111.9836,23.0878],[112.0386,23.0713],[112.1045,23.0878],[112.1814,23.0713],[112.2363,23.1152],[112.2803,23.1262],[112.3132,23.1207],[112.3242,23.0878],[112.3022,23.0768],[112.2913,23.0438],[112.3022,23.0109],[112.2803,22.9779],[112.2803,22.9559],[112.2583,22.9504],[112.2583,22.9175],[112.3132,22.901],[112.3132,22.8241],[112.3352,22.8076],[112.3132,22.7911],[112.3792,22.7966],[112.3901,22.7692],[112.4121,22.6703],[112.4231,22.6703],[112.4561,22.7142],[112.478,22.7032],[112.522,22.6154],[112.5,22.5989],[112.467,22.5879],[112.4451,22.5989],[112.4341,22.6538],[112.4231,22.6483],[112.3792,22.5879],[112.3792,22.5549],[112.3462,22.5439],[112.3132,22.5549],[112.3022,22.511],[112.2583,22.5],[112.2363,22.4341],[112.2473,22.4121],[112.1924,22.4066],[112.1814,22.3792],[112.1594,22.3901],[112.1484,22.4121],[112.0825,22.4176],[112.0056,22.478],[111.9727,22.5439],[111.9946,22.5934],[111.9617,22.6373],[111.8958,22.5714],[111.8298,22.5934],[111.8628,22.6099],[111.8518,22.6318],[111.8738,22.6538],[111.8518,22.6758],[111.8298,22.6758],[111.8079,22.6538],[111.8188,22.6318],[111.731,22.5659],[111.709,22.4945],[111.676,22.4835],[111.665,22.5],[111.6211,22.5],[111.6211,22.533],[111.5881,22.5494],[111.5442,22.5165],[111.5222,22.478],[111.4783,22.4945],[111.4783,22.4506],[111.4233,22.4286],[111.4014,22.5165],[111.3574,22.511],[111.3354,22.522],[111.2695,22.4945],[111.2915,22.5385],[111.3245,22.5494],[111.2915,22.5879],[111.2256,22.5824],[111.2036,22.6044],[111.1707,22.6099],[111.1487,22.6318],[111.1267,22.6978],[111.0938,22.6923],[111.0608,22.7307],[111.1047,22.7417],[111.2036,22.7362],[111.2585,22.7911],[111.2915,22.8076],[111.3135,22.8461],[111.3574,22.8955],[111.3794,22.9285],[111.3684,22.9669],[111.4014,22.9834],[111.3904,23.0054],[111.4233,23.0328],[111.4343,23.0603],[111.3904,23.0658],[111.3794,23.0933],[111.3794,23.1482],[111.4014,23.1592],[111.3794,23.1757],[111.3904,23.2141],[111.3684,23.2361],[111.3794,23.2635],[111.3574,23.2855],[111.3794,23.313]]]}},
{"type": "Feature","properties":{"id":"4401","name":"广州市","cp":[113.5107,23.2196],"childNum":13},"geometry":{"type":"Polygon","coordinates":[[[112.9614,23.4558],[113.1921,23.5162],[113.2031,23.5437],[113.1921,23.5657],[113.291,23.6151],[113.291,23.6426],[113.324,23.6426],[113.3679,23.7085],[113.3679,23.7305],[113.4338,23.7195],[113.4888,23.681],[113.5547,23.692],[113.5986,23.6646],[113.6316,23.703],[113.6206,23.7799],[113.6316,23.8074],[113.7085,23.8184],[113.7085,23.8568],[113.7524,23.8513],[113.7854,23.8953],[113.8074,23.8953],[113.8843,23.9282],[113.8953,23.9117],[113.9941,23.9282],[114.0381,23.9172],[114.0381,23.8953],[114.0601,23.8458],[114.0381,23.7909],[114.0601,23.7799],[114.0271,23.7579],[114.0051,23.7634],[113.9722,23.736],[113.9172,23.725],[113.9063,23.6975],[113.8513,23.6646],[113.8293,23.67],[113.8184,23.6481],[113.8184,23.6206],[113.8623,23.6041],[113.8513,23.5657],[113.8623,23.5437],[113.9392,23.4943],[113.9392,23.4778],[113.9722,23.4723],[113.9502,23.4668],[113.9502,23.4338],[113.9832,23.4283],[113.9941,23.3899],[113.9832,23.3789],[113.9832,23.335],[113.9063,23.3459],[113.8733,23.324],[113.8953,23.3185],[113.8843,23.2635],[113.8953,23.2251],[113.8843,23.1757],[113.8403,23.1427],[113.8403,23.1152],[113.7305,23.1427],[113.5547,23.0768],[113.5217,23.0438],[113.5657,22.8571],[113.6755,22.7197],[113.7195,22.6538],[113.7415,22.5385],[113.6865,22.5165],[113.6536,22.5165],[113.6206,22.5714],[113.5657,22.5934],[113.5327,22.6483],[113.5327,22.6703],[113.4558,22.7362],[113.3679,22.7747],[113.3569,22.7966],[113.3789,22.7966],[113.3899,22.8186],[113.313,22.8296],[113.302,22.879],[113.28,22.89],[113.291,22.9449],[113.2471,22.9779],[113.2581,23.0383],[113.2141,23.0438],[113.1812,23.0658],[113.2141,23.0823],[113.2141,23.1372],[113.1921,23.1537],[113.2141,23.1866],[113.1812,23.2196],[113.1812,23.2745],[113.1262,23.3075],[113.0713,23.28],[113.0823,23.2526],[113.0493,23.2526],[113.0493,23.2745],[113.0273,23.302],[113.0383,23.3514],[112.9834,23.3569],[112.9834,23.3954],[112.9944,23.4009],[112.9834,23.4338],[112.9614,23.4338],[112.9614,23.4558]]]}},
{"type": "Feature","properties":{"id":"4415","name":"汕尾市","cp":[115.5762,23.0438],"childNum":4},"geometry":{"type":"Polygon","coordinates":[[[115.4224,23.2471],[115.4224,23.28],[115.4553,23.28],[115.4663,23.3075],[115.4883,23.3185],[115.4773,23.3295],[115.4773,23.3734],[115.5103,23.3899],[115.5212,23.4338],[115.5652,23.4393],[115.5981,23.4723],[115.6091,23.4723],[115.686,23.4064],[115.675,23.3569],[115.7739,23.3844],[115.8179,23.335],[115.8069,23.324],[115.7959,23.2855],[115.8289,23.2581],[115.7629,23.2471],[115.752,23.1976],[115.741,23.2086],[115.73,23.1866],[115.8289,23.1207],[115.8508,23.0988],[115.8618,23.1152],[115.9167,23.1207],[115.9277,23.0768],[115.9607,23.0493],[115.9277,23.0164],[115.9497,23.0054],[115.9497,22.9614],[115.9827,22.9285],[116.0046,22.9449],[116.1035,22.89],[116.1365,22.901],[116.1584,22.8845],[116.1804,22.9285],[116.2244,22.9285],[116.2244,22.8461],[116.2024,22.8351],[116.1255,22.7856],[116.0156,22.7692],[115.9277,22.7142],[115.8618,22.6978],[115.7959,22.7032],[115.6421,22.7692],[115.6311,22.6758],[115.6091,22.6483],[115.5542,22.6154],[115.4663,22.6154],[115.3674,22.6813],[115.2795,22.7142],[115.0378,22.6868],[114.9939,22.7527],[115.0049,22.7692],[114.9829,22.7747],[114.95,22.8076],[114.95,22.8296],[114.928,22.8516],[114.939,22.879],[114.917,22.9065],[114.9939,22.9395],[115.1038,23.0109],[115.1477,22.9999],[115.1807,23.0383],[115.2466,23.0603],[115.2795,23.0988],[115.2905,23.1537],[115.3235,23.1592],[115.3455,23.1921],[115.4004,23.2196],[115.4224,23.2471]]]}},
{"type": "Feature","properties":{"id":"4452","name":"揭阳市","cp":[116.1255,23.313],"childNum":5},"geometry":{"type":"Polygon","coordinates":[[[115.6091,23.4723],[115.6201,23.5052],[115.686,23.5547],[115.719,23.5162],[115.7849,23.5162],[115.7959,23.5712],[115.8069,23.5712],[115.8069,23.6316],[115.8398,23.6591],[115.8948,23.6261],[115.9497,23.6261],[115.9827,23.6481],[116.0596,23.6316],[116.0486,23.6426],[116.0596,23.6426],[116.0925,23.6261],[116.1694,23.6151],[116.1914,23.6371],[116.1804,23.6755],[116.2134,23.703],[116.2244,23.725],[116.2463,23.7305],[116.2793,23.7634],[116.3342,23.7744],[116.3672,23.736],[116.3672,23.714],[116.4001,23.692],[116.51,23.6536],[116.532,23.6151],[116.532,23.5822],[116.5649,23.5657],[116.543,23.5217],[116.543,23.4998],[116.5649,23.4778],[116.6199,23.4613],[116.6309,23.4283],[116.5759,23.4613],[116.5979,23.4338],[116.5759,23.3789],[116.532,23.4338],[116.4771,23.4393],[116.488,23.4943],[116.4551,23.4943],[116.4221,23.4668],[116.4111,23.5107],[116.3672,23.4943],[116.3452,23.4558],[116.3123,23.4393],[116.3452,23.4064],[116.3562,23.3459],[116.3232,23.335],[116.3232,23.313],[116.2683,23.2141],[116.2573,23.1427],[116.2903,23.0988],[116.3342,23.1042],[116.3562,23.0603],[116.3892,23.0438],[116.4331,23.0603],[116.4441,23.0823],[116.4771,23.1042],[116.5979,23.1097],[116.6199,22.9504],[116.543,22.8845],[116.488,22.8571],[116.4111,22.8571],[116.3123,22.8845],[116.2244,22.8461],[116.2244,22.9285],[116.1804,22.9285],[116.1584,22.8845],[116.1365,22.901],[116.1035,22.89],[116.0046,22.9449],[115.9827,22.9285],[115.9497,22.9614],[115.9497,23.0054],[115.9277,23.0164],[115.9607,23.0493],[115.9277,23.0768],[115.9167,23.1207],[115.8618,23.1152],[115.8508,23.0988],[115.8289,23.1207],[115.73,23.1866],[115.741,23.2086],[115.752,23.1976],[115.7629,23.2471],[115.8289,23.2581],[115.7959,23.2855],[115.8069,23.324],[115.8179,23.335],[115.7739,23.3844],[115.675,23.3569],[115.686,23.4064],[115.6091,23.4723]]]}},
{"type": "Feature","properties":{"id":"4404","name":"珠海市","cp":[113.7305,22.1155],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.0603,22.0715],[113.0933,22.1539],[113.0933,22.1869],[113.1702,22.2418],[113.1812,22.2913],[113.1921,22.3572],[113.1592,22.4121],[113.2031,22.3846],[113.2251,22.4011],[113.2581,22.3901],[113.324,22.3297],[113.3459,22.2473],[113.4119,22.2089],[113.4119,22.1759],[113.4338,22.2034],[113.5107,22.2528],[113.4778,22.3077],[113.4998,22.3297],[113.4888,22.3846],[113.4998,22.4066],[113.5657,22.4121],[113.6426,22.4506],[113.6975,22.4396],[113.7854,22.3572],[113.8293,22.2363],[113.8184,22.2144],[113.8403,22.1814],[113.9282,22.132],[113.9392,22.1429],[114.2578,22.1375],[114.3347,22.1484],[114.3896,22.099],[114.4116,22.0496],[114.3787,22.0001],[114.1479,21.9562],[114.071,21.9287],[114.0161,21.8738],[113.9941,21.8079],[113.9722,21.7804],[113.9172,21.7969],[113.8513,21.9012],[113.7415,21.9012],[113.6646,21.9232],[113.6096,22.0221],[113.5767,22.0331],[113.4668,21.9946],[113.335,21.8683],[113.1812,21.8353],[113.0603,21.8408],[113.0603,22.0715]],[[113.5986,22.1649],[113.6096,22.1265],[113.5547,22.1045],[113.5327,22.1869],[113.5437,22.2034],[113.5657,22.2089],[113.5986,22.1649]]]}},
{"type": "Feature","properties":{"id":"4406","name":"佛山市","cp":[112.8955,23.1097],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[112.3901,22.7692],[112.4561,22.7856],[112.5,22.8241],[112.533,22.8186],[112.5549,22.8296],[112.5659,22.8735],[112.5879,22.8625],[112.6648,22.89],[112.6868,22.923],[112.7307,22.934],[112.7417,22.9834],[112.7637,22.9779],[112.8076,22.9999],[112.8296,23.0164],[112.7637,23.2251],[112.7856,23.2086],[112.8076,23.2141],[112.8076,23.1921],[112.8296,23.2251],[112.8186,23.2416],[112.8625,23.291],[112.8845,23.3405],[112.8406,23.3844],[112.8076,23.3899],[112.7966,23.3679],[112.7856,23.3789],[112.8076,23.4503],[112.8516,23.4998],[112.8516,23.5272],[112.8296,23.5492],[112.8406,23.5712],[112.8955,23.5547],[112.9065,23.5657],[112.9175,23.5437],[112.8845,23.5217],[112.8955,23.4998],[112.9614,23.4558],[112.9614,23.4338],[112.9834,23.4338],[112.9944,23.4009],[112.9834,23.3954],[112.9834,23.3569],[113.0383,23.3514],[113.0273,23.302],[113.0493,23.2745],[113.0493,23.2526],[113.0823,23.2526],[113.0713,23.28],[113.1262,23.3075],[113.1812,23.2745],[113.1812,23.2196],[113.2141,23.1866],[113.1921,23.1537],[113.2141,23.1372],[113.2141,23.0823],[113.1812,23.0658],[113.2141,23.0438],[113.2581,23.0383],[113.2471,22.9779],[113.291,22.9449],[113.28,22.89],[113.302,22.879],[113.313,22.8296],[113.3899,22.8186],[113.3789,22.7966],[113.3569,22.7966],[113.3679,22.7747],[113.313,22.7362],[113.269,22.7252],[113.2471,22.7472],[113.2031,22.6758],[113.1702,22.6648],[113.0933,22.7032],[113.0603,22.8021],[112.9834,22.8021],[112.9175,22.8516],[112.8735,22.8406],[112.8186,22.8021],[112.8076,22.7252],[112.7637,22.6978],[112.7197,22.7032],[112.6978,22.7582],[112.6648,22.7197],[112.6428,22.7252],[112.5879,22.6978],[112.5989,22.6813],[112.5549,22.6428],[112.5439,22.6483],[112.5549,22.6923],[112.5439,22.7142],[112.511,22.7307],[112.478,22.7032],[112.4561,22.7142],[112.4231,22.6703],[112.4121,22.6703],[112.3901,22.7692]]]}},
{"type": "Feature","properties":{"id":"4451","name":"潮州市","cp":[116.7847,23.8293],"childNum":3},"geometry":{"type":"Polygon","coordinates":[[[116.3672,23.736],[116.4221,23.7744],[116.499,23.7524],[116.521,23.8348],[116.499,23.8623],[116.532,23.8788],[116.5649,23.9063],[116.5979,23.9063],[116.6089,23.9392],[116.6199,23.9502],[116.6199,23.9612],[116.6418,23.9722],[116.6418,23.9941],[116.6858,23.9886],[116.6968,23.9996],[116.7078,24.0601],[116.7297,24.0546],[116.7517,24.082],[116.7737,24.082],[116.7737,24.1315],[116.7847,24.1589],[116.8396,24.1644],[116.8506,24.1809],[116.8726,24.1644],[116.9055,24.2029],[116.8945,24.2194],[116.9385,24.2303],[116.9934,24.1809],[116.9385,24.137],[116.9275,24.0985],[116.9275,24.0656],[116.9495,24.0546],[116.9495,24.0106],[116.9824,23.9941],[116.9714,23.9063],[116.9824,23.8678],[117.0264,23.8403],[117.0154,23.8019],[117.0593,23.7415],[117.0593,23.692],[117.2021,23.6261],[117.1912,23.5492],[116.9934,23.4723],[116.9055,23.4833],[116.9055,23.6096],[116.8396,23.6481],[116.8176,23.6371],[116.8286,23.6151],[116.7957,23.6096],[116.7847,23.5822],[116.7188,23.5931],[116.7078,23.5272],[116.7188,23.4668],[116.6748,23.4283],[116.6309,23.4283],[116.6199,23.4613],[116.5649,23.4778],[116.543,23.4998],[116.543,23.5217],[116.5649,23.5657],[116.532,23.5822],[116.532,23.6151],[116.51,23.6536],[116.4001,23.692],[116.3672,23.714],[116.3672,23.736]]]}},
{"type": "Feature","properties":{"id":"4405","name":"汕头市","cp":[117.1692,23.3405],"childNum":2},"geometry":{"type":"Polygon","coordinates":[[[116.4551,23.4943],[116.488,23.4943],[116.4771,23.4393],[116.532,23.4338],[116.5759,23.3789],[116.5979,23.4338],[116.5759,23.4613],[116.6309,23.4283],[116.6748,23.4283],[116.7188,23.4668],[116.7078,23.5272],[116.7188,23.5931],[116.7847,23.5822],[116.7957,23.6096],[116.8286,23.6151],[116.8176,23.6371],[116.8396,23.6481],[116.9055,23.6096],[116.9055,23.4833],[116.9934,23.4723],[117.1912,23.5492],[117.2021,23.4668],[117.2241,23.4064],[117.2351,23.3789],[117.345,23.302],[117.356,23.28],[117.356,23.2196],[117.334,23.2031],[117.2571,23.1921],[117.1912,23.2526],[117.1033,23.2965],[117.0264,23.3624],[116.9055,23.3569],[116.8066,23.3075],[116.8176,23.269],[116.8506,23.2196],[116.8396,23.1921],[116.7297,23.1702],[116.6858,23.1372],[116.6309,23.1372],[116.5979,23.1097],[116.4771,23.1042],[116.4441,23.0823],[116.4331,23.0603],[116.3892,23.0438],[116.3562,23.0603],[116.3342,23.1042],[116.2903,23.0988],[116.2573,23.1427],[116.2683,23.2141],[116.3232,23.313],[116.3232,23.335],[116.3562,23.3459],[116.3452,23.4064],[116.3123,23.4393],[116.3452,23.4558],[116.3672,23.4943],[116.4111,23.5107],[116.4221,23.4668],[116.4551,23.4943]]]}},
{"type": "Feature","properties":{"id":"4403","name":"深圳市","cp":[114.5435,22.5439],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.6755,22.7197],[113.7524,22.7252],[113.7964,22.7582],[113.7964,22.7856],[113.8403,22.8021],[113.8513,22.8351],[113.8953,22.8461],[113.9392,22.8406],[113.9941,22.7966],[114.0051,22.7637],[114.0601,22.7582],[114.1479,22.7087],[114.1589,22.6813],[114.1589,22.6648],[114.1809,22.6538],[114.2139,22.7362],[114.1809,22.7747],[114.2249,22.8076],[114.2468,22.7856],[114.3457,22.8076],[114.3457,22.7802],[114.3677,22.7637],[114.3896,22.7582],[114.4116,22.7747],[114.4226,22.7527],[114.4116,22.7142],[114.4446,22.6978],[114.4336,22.6593],[114.5874,22.6593],[114.6094,22.5659],[114.6533,22.522],[114.6423,22.5],[114.5654,22.4286],[114.5105,22.4176],[114.4775,22.4341],[114.4556,22.467],[114.4556,22.533],[114.4336,22.5604],[114.2798,22.5604],[114.2358,22.5439],[114.1699,22.5549],[114.126,22.5275],[114.093,22.533],[114.0601,22.5],[114.0051,22.5055],[113.8843,22.4286],[113.8733,22.3242],[113.8293,22.2363],[113.7854,22.3572],[113.6975,22.4396],[113.6865,22.5],[113.6865,22.5165],[113.7415,22.5385],[113.7195,22.6538],[113.6755,22.7197]]]}},
{"type": "Feature","properties":{"id":"4419","name":"东莞市","cp":[113.8953,22.901],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.8403,23.1152],[113.9722,23.1152],[114.0161,23.0823],[114.0601,23.0988],[114.082,23.0933],[114.104,23.0548],[114.1479,23.0273],[114.126,22.9944],[114.137,22.9779],[114.1699,22.9724],[114.1919,22.9889],[114.2139,22.9834],[114.2249,22.9614],[114.2139,22.9285],[114.2578,22.9065],[114.2468,22.8845],[114.2358,22.879],[114.2249,22.8076],[114.1809,22.7747],[114.2139,22.7362],[114.1809,22.6538],[114.1589,22.6648],[114.1589,22.6813],[114.1479,22.7087],[114.0601,22.7582],[114.0051,22.7637],[113.9941,22.7966],[113.9392,22.8406],[113.8953,22.8461],[113.8513,22.8351],[113.8403,22.8021],[113.7964,22.7856],[113.7964,22.7582],[113.7524,22.7252],[113.6755,22.7197],[113.5657,22.8571],[113.5217,23.0438],[113.5547,23.0768],[113.7305,23.1427],[113.8403,23.1152]]]}},
{"type": "Feature","properties":{"id":"4420","name":"中山市","cp":[113.4229,22.478],"childNum":1},"geometry":{"type":"Polygon","coordinates":[[[113.1702,22.6648],[113.2031,22.6758],[113.2471,22.7472],[113.269,22.7252],[113.313,22.7362],[113.3679,22.7747],[113.4558,22.7362],[113.5327,22.6703],[113.5327,22.6483],[113.5657,22.5934],[113.6206,22.5714],[113.6536,22.5165],[113.6865,22.5165],[113.6865,22.5],[113.6975,22.4396],[113.6426,22.4506],[113.5657,22.4121],[113.4998,22.4066],[113.4888,22.3846],[113.4998,22.3297],[113.4778,22.3077],[113.5107,22.2528],[113.4338,22.2034],[113.4119,22.1759],[113.4119,22.2089],[113.3459,22.2473],[113.324,22.3297],[113.2581,22.3901],[113.2361,22.478],[113.1921,22.5385],[113.1592,22.6208],[113.1702,22.6648]]]}}
]
}

296
bigscreen1/js/Bubble.js
Unescape Escape View File

@ -0,0 +1,296 @@
/*
* 3d标签云
* 功能：鼠标移入标签，当前标签静止放大
* 说明：
* */
window.tagcloud = (function(win, doc) { // ns
// 判断对象
function isObject (obj) {
return Object.prototype.toString.call(obj) === '[object Object]';
}
// 构造函数
function TagCloud (options) {
var self = this;
self.config = TagCloud._getConfig(options);
self.box = self.config.element; //组件元素
self.fontsize = self.config.fontsize; //平均字体大小
self.radius = self.config.radius; //滚动半径
self.depth = 2 * self.radius; //滚动深度
self.size = 2 * self.radius; //随鼠标滚动变速作用区域
self.mspeed = TagCloud._getMsSpeed(self.config.mspeed);
self.ispeed = TagCloud._getIsSpeed(self.config.ispeed);
self.items = self._getItems();
self.direction = self.config.direction; //初始滚动方向
self.keep = self.config.keep; //鼠标移出后是否保持之前滚动
//初始化
self.active = false; //是否为激活状态
self.lasta = 1;
self.lastb = 1;
self.mouseX0 = self.ispeed * Math.sin(self.direction * Math.PI / 180); //鼠标与滚动圆心x轴初始距离
self.mouseY0 = -self.ispeed * Math.cos(self.direction * Math.PI / 180); //鼠标与滚动圆心y轴初始距离
self.mouseX = self.mouseX0; //鼠标与滚动圆心x轴距离
self.mouseY = self.mouseY0; //鼠标与滚动圆心y轴距离
self.index = -1;
//鼠标移入
TagCloud._on(self.box, 'mouseover', function () {
self.active = true;
});
//鼠标移出
TagCloud._on(self.box, 'mouseout', function () {
self.active = false;
});
//鼠标在内移动
TagCloud._on(self.keep ? win : self.box, 'mousemove', function (ev) {
var oEvent = win.event || ev;
var boxPosition = self.box.getBoundingClientRect();
self.mouseX = (oEvent.clientX - (boxPosition.left + self.box.offsetWidth / 2)) / 5;
self.mouseY = (oEvent.clientY - (boxPosition.top + self.box.offsetHeight / 2)) / 5;
});
for (var j = 0, len = self.items.length; j < len; j++) {
self.items[j].element.index=j;
//鼠标移出子元素,当前元素静止放大
self.items[j].element.onmouseover = function(){
self.index = this.index;
};
//鼠标移出子元素,当前元素继续滚动
self.items[j].element.onmouseout = function(){
self.index = -1;
};
}
//定时更新
TagCloud.boxs.push(self.box);
self.update(self); //初始更新
self.box.style.visibility = "visible";
self.box.style.position = "relative";
// self.box.style.minHeight = 1.2 * self.size + "px";
// self.box.style.minWidth = 2.5 * self.size + "px";
for (var j = 0, len = self.items.length; j < len; j++) {
self.items[j].element.style.position = "absolute";
self.items[j].element.style.zIndex = j + 1;
}
self.up = setInterval(function() {
self.update(self);
}, 10);
}
//实例
TagCloud.boxs = []; //实例元素数组
// 静态方法们
TagCloud._set = function (element) {
if (TagCloud.boxs.indexOf(element) == -1) {//ie8不支持数组的indexOf方法
return true;
}
};
//添加数组IndexOf方法
if (!Array.prototype.indexOf){
Array.prototype.indexOf = function(elt /*, from*/){
var len = this.length >>> 0;
var from = Number(arguments[1]) || 0;
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++){
if (from in this && this[from] === elt)
return from;
}
return -1;
};
}
TagCloud._getConfig = function (config) {
var defaultConfig = { //默认值
fontsize: 16, //基本字体大小, 单位px
radius: 60, //滚动半径, 单位px
mspeed: "normal", //滚动最大速度, 取值: slow, normal(默认), fast
ispeed: "normal", //滚动初速度, 取值: slow, normal(默认), fast
direction: 135, //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
keep: true //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
};
if(isObject(config)) {
for(var i in config) {
if(config.hasOwnProperty(i)) {//hasOwnProperty()用来判断一个属性是定义在对象本身而不是继承自原型链
defaultConfig[i] = config[i]; //用户配置
}
}
}
return defaultConfig;// 配置 Merge
};
TagCloud._getMsSpeed = function (mspeed) { //滚动最大速度
var speedMap = {
slow: 1.5,
normal: 3,
fast: 5
};
return speedMap[mspeed] || 3;
};
TagCloud._getIsSpeed = function (ispeed) { //滚动初速度
var speedMap = {
slow: 10,
normal: 25,
fast: 50
};
return speedMap[ispeed] || 25;
};
TagCloud._getSc = function(a, b) {
var l = Math.PI / 180;
//数组顺序0,1,2,3表示asin,acos,bsin,bcos
return [
Math.sin(a * l),
Math.cos(a * l),
Math.sin(b * l),
Math.cos(b * l)
];
};
TagCloud._on = function (ele, eve, handler, cap) {
if (ele.addEventListener) {
ele.addEventListener(eve, handler, cap);
} else if (ele.attachEvent) {
ele.attachEvent('on' + eve, handler);
} else {
ele['on' + eve] = handler;
}
};
// 原型方法
TagCloud.prototype = {
constructor: TagCloud, // 反向引用构造器
update: function () {
var self = this, a, b;
if (!self.active && !self.keep) {
self.mouseX = Math.abs(self.mouseX - self.mouseX0) < 1 ? self.mouseX0 : (self.mouseX + self.mouseX0) / 2; //重置鼠标与滚动圆心x轴距离
self.mouseY = Math.abs(self.mouseY - self.mouseY0) < 1 ? self.mouseY0 : (self.mouseY + self.mouseY0) / 2; //重置鼠标与滚动圆心y轴距离
}
a = -(Math.min(Math.max(-self.mouseY, -self.size), self.size) / self.radius ) * self.mspeed;
b = (Math.min(Math.max(-self.mouseX, -self.size), self.size) / self.radius ) * self.mspeed;
if (Math.abs(a) <= 0.01 && Math.abs(b) <= 0.01) { return; }
self.lasta = a;
self.lastb = b;
var sc = TagCloud._getSc(a, b);
for (var j = 0, len = self.items.length; j < len; j++) {
var rx1 = self.items[j].x,
ry1 = self.items[j].y*sc[1] + self.items[j].z*(-sc[0]),
rz1 = self.items[j].y*sc[0] + self.items[j].z*sc[1];
var rx2 = rx1 * sc[3] + rz1 * sc[2],
ry2 = ry1,
rz2 = rz1 * sc[3] - rx1 * sc[2];
if(self.index==j){
self.items[j].scale = 1; //取值范围0.6 ~ 3
self.items[j].fontsize = 16;
self.items[j].alpha = 1;
self.items[j].element.style.zIndex = 99;
}else{
var per = self.depth / (self.depth + rz2);
self.items[j].x = rx2;
self.items[j].y = ry2;
self.items[j].z = rz2;
self.items[j].scale = per; //取值范围0.6 ~ 3
self.items[j].fontsize = Math.ceil(per * 2) + self.fontsize - 6;
self.items[j].alpha = 1.5 * per - 0.5;
self.items[j].element.style.zIndex = Math.ceil(per*10-5);
}
//self.items[j].element.style.fontSize = self.items[j].fontsize + "px";//字体变大小
self.items[j].element.style.left = self.items[j].x + (self.box.offsetWidth - self.items[j].offsetWidth) / 2 + "px";
self.items[j].element.style.top = self.items[j].y + (self.box.offsetHeight - self.items[j].offsetHeight) / 2 + "px";
self.items[j].element.style.filter = "alpha(opacity=" + 100 * self.items[j].alpha + ")";
self.items[j].element.style.opacity = self.items[j].alpha;
}
},
_getItems: function () {
var self = this,
items = [],
element = self.box.children, // children 全部是Element
length = element.length,
item;
for (var i = 0; i < length; i++) {
item = {};
item.angle = {};
item.angle.phi = Math.acos(-1 + (2 * i + 1) / length);
item.angle.theta = Math.sqrt((length + 1) * Math.PI) * item.angle.phi;
item.element = element[i];
item.offsetWidth = item.element.offsetWidth;
item.offsetHeight = item.element.offsetHeight;
item.x = self.radius * 1.5 * Math.cos(item.angle.theta) * Math.sin(item.angle.phi);
item.y = self.radius * 1.5 * Math.sin(item.angle.theta) * Math.sin(item.angle.phi);
item.z = self.radius * 1.5 * Math.cos(item.angle.phi);
item.element.style.left = item.x + (self.box.offsetWidth - item.offsetWidth) / 2 + "px";
item.element.style.top = item.y + (self.box.offsetHeight - item.offsetHeight) / 2 + "px";
items.push(item);
}
return items; //单元素数组
}
};
if (!doc.querySelectorAll) {//ie7不支持querySelectorAll，所以要重新定义
doc.querySelectorAll = function (selectors) {
var style = doc.createElement('style'), elements = [], element;
doc.documentElement.firstChild.appendChild(style);
doc._qsa = [];
style.styleSheet.cssText = selectors + '{x-qsa:expression(document._qsa && document._qsa.push(this))}';
window.scrollBy(0, 0);
style.parentNode.removeChild(style);
while (doc._qsa.length) {
element = doc._qsa.shift();
element.style.removeAttribute('x-qsa');
elements.push(element);
}
doc._qsa = null;
return elements;
};
}
return function (options) { // factory
options = options || {}; // 短路语法
var selector = options.selector || '.tagcloud', //默认选择class为tagcloud的元素
elements = doc.querySelectorAll(selector),
instance = [];
for (var index = 0, len = elements.length; index < len; index++) {
options.element = elements[index];
if (!!TagCloud._set(options.element)) {
instance.push(new TagCloud(options));
}
}
return instance;
};
})(window, document);

242
bigscreen1/js/area_echarts.js
Unescape Escape View File

@ -0,0 +1,242 @@
function echarts_map() {
var myChart = echarts.init(document.getElementById('map_1'));
var guangdong = "js/44.json";
$.get(guangdong, function(tjJson) {
echarts.registerMap('guangdong', tjJson);
myChart.setOption({
series: [{
type: 'map',
map: 'guangdong'
}]
});
var geoCoordMap = {
'珠海市': [113.353986,21.924979]
,'广州市':[113.480637,23.125178]
,'湛江市':[110.264977,21.274898]
,'茂名市':[110.919229,21.659751]
,'阳江市':[111.825107,21.859222]
,'云浮市':[112.044439,22.629801]
,'肇庆市':[112.472529,23.051546]
,'江门市':[112.894942,22.090431]
,'中山市':[113.382391,22.321113]
,'佛山市':[113.022717,22.828762]
,'清远市':[113.051227,23.685022]
,'韶关市':[113.601224,24.820603]
,'河源市':[114.897802,23.746266]
,'梅州市':[116.117582,24.099112]
,'潮州市':[116.692301,23.661701]
,'揭阳市':[116.255733,23.143778]
,'汕头市':[116.708463,22.87102]
,'汕尾市':[115.364238,22.774485]
,'深圳市':[114.085947,22.347]
,'东莞市':[113.746262,22.746237]
,'惠州市':[114.412599,23.079404]
};
var goData = [{
name: '河源市',
value: 32
},{
name: '湛江市',
value: 24
},{
name: '韶关市',
value: 20
},{
name: '汕尾市',
value: 18
},{
name: '揭阳市',
value: 18
}
];
var goTotal=0;//计算总人数
goData.forEach(function(item,i){
goTotal+=item.value;
})
var planePath = 'arrow';
var convertData = function(name, data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var fromCoord = geoCoordMap[name];
var toCoord = geoCoordMap[data[i].name];
if (fromCoord && toCoord) {
res.push({
//对换即可调整方向
coords: [fromCoord, toCoord]
});
}
}
return res;
};
var series = [];
[
['广州市', goData],
// ['徐州', backData],
].forEach(function(item, i) {
series.push({
name: item[0],
type: 'lines',
zlevel: 2,
//线特效配置
effect: {
show: true,
period: 6,
trailLength: 0.1,
symbol: planePath, //标记类型
symbolSize: 10
},
lineStyle: {
normal: {
width: 1,
opacity: 0.4,
curveness: 0.2, //弧线角度
color: 'rgba(255,255,255,.1)'
}
},
data: convertData(item[0], item[1])
}, { //终点
name: item[0],
type: 'scatter',
coordinateSystem: 'geo',
zlevel: 2,
label: {
normal: {
show: false,
color: 'rgba(255,255,255,.5)',
position: 'right',
formatter: '{b}'
}
},
symbol: 'circle',
//圆点大小
symbolSize: function(val) {
return val[2]*50 / goTotal;
},
itemStyle: {
normal: {
show: true
}
},
data: item[1].map(function(dataItem) {
console.log(dataItem)
return {
name: dataItem.name,
value: geoCoordMap[dataItem.name].concat([dataItem.value])
};
})
}, {//起点
name: 'item[0]',
type: 'scatter',
coordinateSystem: 'geo',
zlevel: 2,
label: {
normal: {
show: true,
position: 'right',
formatter: '{b}'
}
},
symbolSize: function(val) {
return 15;
},
symbol: 'circle',
itemStyle: {
normal: {
show: true
}
},
data: [{
name: item[0],
value: geoCoordMap[item[0]].concat([100])
}]
})
});
option = {
// backgroundColor: '#FDF7F2',
title: {
text: '业务覆盖',
subtext: '2016-2018年数据',
left: 'center',
bottom:'15%',
textStyle: {
color: '#fff'
}
},
tooltip: {
trigger: 'item',
formatter: "{b}"
},
//线颜色及飞行轨道颜色
visualMap: {
show: false,
min: 0,
max: 100,
color: ['#fff']
},
//地图相关设置
geo: {
map: 'guangdong',
//视角缩放比例
zoom: 1,
//显示文本样式
label: {
normal: {
show: true,
textStyle: {
color: 'rgba(255,255,255,.3)'
}
},
emphasis: {
textStyle: {
color: '#fff'
}
}
},
//鼠标缩放和平移
roam: false,
itemStyle: {
normal: {
areaColor: '#4256ff',
borderColor: '#404a59'
},
emphasis: {
areaColor: '#2539f5'
}
}
},
series: series
};
myChart.setOption(option);
window.addEventListener("resize",function(){
myChart.resize();
});
})
// 使用刚指定的配置项和数据显示图表。
}
$(window).load(function(){
echarts_map()
})
// })

28
bigscreen1/js/china.js
View File

File diff suppressed because one or more lines are too long

22
bigscreen1/js/echarts.min.js vendored
View File

File diff suppressed because one or more lines are too long

5
bigscreen1/js/jquery.js vendored
View File

File diff suppressed because one or more lines are too long

764
bigscreen1/js/js.js
Unescape Escape View File

@ -0,0 +1,764 @@
 $(window).load(function(){$(".loading").fadeOut()})
$(function () {
echarts_1();
echarts_4()
echarts_31()
function echarts_1() {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('echart1'));
var data = [{
title: '**省'
},
['本周'],
[{
name: '文本1',
max: 150
}, {
name: '文本2',
max: 150
}, {
name: '文本3',
max: 150
}, {
name: '文本4',
max: 150
}, {
name: '文本5',
max: 150
}],
[43, 100, 28, 3, 150],
]
option = {
color: ['#9DD060', '#35C96E', '#4DCEF8'],
tooltip: {},
radar: {
center: ['50%', '50%'],
radius: ["25%", "70%"],
name: {
textStyle: {
color: '#72ACD1'
}
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,.0',
width: 2
}
},
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.2)',
width: 1,
type: 'dotted'
},
},
splitArea: {
areaStyle: {
color: ['rgba(255,255,255,.1)', 'rgba(255,255,255,0)']
}
},
indicator: data[2]
},
series: [{
name: '',
type: 'radar',
data: [{
areaStyle: {
normal: {
opacity: 0.3,
}
},
value: data[3],
name: data[1][0]
},
{
areaStyle: {
normal: {
opacity: 0.3,
}
},
value: data[4],
name: data[1][1]
},
{
areaStyle: {
normal: {
opacity: 0.3,
}
},
value: data[5],
name: data[1][2]
}
]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
window.addEventListener("resize",function(){
myChart.resize();
});
}
function echarts_4() {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('echart4'));
var myChart2 = echarts.init(document.getElementById('echart3'));
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['文本1', '文本2'],
top:'2%',
textStyle: {
color: "rgba(255,255,255,.5)",
fontSize: '12',
},
itemWidth: 12,
itemHeight: 12,
itemGap: 35
},
grid: {
left: '0%',
top:'40px',
right: '0%',
bottom: '0%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1)",
width: 1,
type: "solid"
},
},
axisTick: {
show: false,
},
axisLabel: {
interval: 0,
// rotate:50,
show: true,
splitNumber: 15,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '14',
},
},
}],
yAxis: [{
type: 'value',
axisLabel: {
//formatter: '{value} %'
show:true,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '14',
},
},
axisTick: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1 )",
width: 1,
type: "solid"
},
},
splitLine: {
lineStyle: {
color: "rgba(255,255,255,.1)",
}
}
}],
series: [{
name: '文本1',
type: 'bar',
data: [2, 3, 3, 9, 15, 12, 6, 4, 6],
barWidth:'20%', //柱子宽度
// barGap: 1, //柱子之间间距
itemStyle: {
normal: {
color:'#2f89cf',
opacity: 1,
barBorderRadius: 5,
}
}
}, {
name: '文本2',
type: 'bar',
data: [1, 4, 5, 11, 12, 9, 5, 6, 5],
barWidth:'20%',
// barGap: 1,
itemStyle: {
normal: {
color:'#62c98d',
opacity: 1,
barBorderRadius: 5,
}
}
},
]
};
option2 = {
// backgroundColor: '#00265f',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['2017年', '2018年'],
top:'5%',
textStyle: {
color: "#fff",
fontSize: '12',
},
itemGap: 35
},
grid: {
left: '0%',
top:'40px',
right: '0%',
bottom: '0',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月'],
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1)",
width: 1,
type: "solid"
},
},
axisTick: {
show: false,
},
axisLabel: {
interval: 0,
// rotate:50,
show: true,
splitNumber: 5,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '12',
},
},
}],
yAxis: [{
type: 'value',
axisLabel: {
//formatter: '{value} %'
show:true,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '12',
},
},
axisTick: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1 )",
width: 1,
type: "solid"
},
},
splitLine: {
lineStyle: {
color: "rgba(255,255,255,.1)",
}
}
}],
series: [{
name: '2017年',
type: 'line',
smooth: true,
data: [2, 6, 3, 8, 5, 8],
itemStyle: {
normal: {
color:'#2f89cf',
opacity: 1,
barBorderRadius: 5,
}
}
}, {
name: '2018年',
type: 'line',
smooth: true,
data: [5, 2, 6, 4, 5, 12],
barWidth:'15',
// barGap: 1,
itemStyle: {
normal: {
color:'#62c98d',
opacity: 1,
barBorderRadius: 5,
}
}
},
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option2);
myChart2.setOption(option);
window.addEventListener("resize",function(){
myChart.resize();
});
}
function echarts_31() {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('fb01'));
var myChart2 = echarts.init(document.getElementById('fb02'));
var myChart3 = echarts.init(document.getElementById('fb03'));
var myChart4 = echarts.init(document.getElementById('fb04'));
var myChart5 = echarts.init(document.getElementById('myd1'));
var myChart7 = echarts.init(document.getElementById('sysx'));
option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)",
position:function(p){ //其中p为当前鼠标的位置
return [p[0] + 10, p[1] - 10];
}
},
legend: {
orient: 'vertical',
top:'25%',
right:0,
itemWidth: 10,
itemHeight: 10,
data:['20-29岁','30-39岁','40-49岁','50岁以上'],
textStyle: {
color: 'rgba(255,255,255,.5)',
fontSize:'12',
}
},
series: [
{
name:'年龄分布',
type:'pie',
center: ['35%', '50%'],
radius: ['40%', '50%'],
color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
label: {show:false},
labelLine: {show:false},
data:[
{value:4, name:'20-29岁'},
{value:2, name:'30-39岁'},
{value:2, name:'40-49岁'},
{value:1, name:'50岁以上'},
]
}
]
};
option2 = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)",
position:function(p){ //其中p为当前鼠标的位置
return [p[0] + 10, p[1] - 10];
}
},
legend: {
orient: 'vertical',
top:'25%',
right:'8%',
itemWidth: 10,
itemHeight: 10,
data:['博士','硕士','本科','专科'],
textStyle: {
color: 'rgba(255,255,255,.5)',
fontSize:'12',
}
},
series: [
{
name:'学历构成',
type:'pie',
center: ['40%', '50%'],
radius: ['40%', '50%'],
color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
label: {show:false},
labelLine: {show:false},
data:[
{value:10, name:'博士'},
{value:20, name:'硕士'},
{value:30, name:'本科'},
{value:40, name:'专科'},
]
}
]
};
option3 = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)",
position:function(p){ //其中p为当前鼠标的位置
return [p[0] + 10, p[1] - 10];
}
},
legend: {
orient: 'vertical',
top:'center',
right:0,
itemWidth: 10,
itemHeight: 10,
data:['数据分门别类','数据关系部门','今日数据交易'],
textStyle: {
color: 'rgba(255,255,255,.5)',
fontSize:'12',
}
},
series: [
{
name:'数据',
type:'pie',
center: ['35%', '50%'],
radius: ['40%', '50%'],
color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
label: {show:false},
labelLine: {show:false},
data:[
{value:4, name:'数据分门别类'},
{value:2, name:'数据关系部门'},
{value:2, name:'今日数据交易'},
]
}
]
};
option4 = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)",
position:function(p){ //其中p为当前鼠标的位置
return [p[0] + 10, p[1] - 10];
}
},
legend: {
orient: 'vertical',
top:'center',
right:'8%',
itemWidth: 10,
itemHeight: 10,
data:['零销类','服务类','销售类','软件类','硬件类','其它类'],
textStyle: {
color: 'rgba(255,255,255,.5)',
fontSize:'12',
}
},
series: [
{
name:'业务分类',
type:'pie',
center: ['40%', '50%'],
radius: ['40%', '50%'],
color: ['#62c98d', '#2f89cf', '#4cb9cf', '#e0c828','#e58c00','#eb295b'],
label: {show:false},
labelLine: {show:false},
data:[
{value:10, name:'零销类'},
{value:20, name:'服务类'},
{value:30, name:'销售类'},
{value:40, name:'软件类'},
{value:50, name:'硬件类'},
{value:60, name:'其它类'},
]
}
]
};
option5 = {
grid: {
left: '0',
right: '0',
top: '10%',
bottom: '24%',
//containLabel: true
},
legend: {
data: ['等待', '已办人数', '已办业务'],
bottom:0,
itemWidth: 10,
itemHeight: 10,
textStyle: {
color: "#fff",
fontSize: '10',
},
itemGap: 5
},
tooltip: {
show: "true",
trigger: 'item'
},
yAxis: {
type: 'value',
show: false,
},
xAxis: [{
type: 'category',
axisTick: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: '#363e83',
}
},
axisLabel: {
show: false,
// inside: true,
textStyle: {
color: "rgba(255,255,255,1)",
fontWeight: 'normal',
fontSize: '12',
},
// formatter:function(val){
// return val.split("").join("\n")
// },
},
data: ['业务办量统计']
}
],
series: [
{
name: '等待',
type: 'bar',
barWidth: '20',
itemStyle: {
normal: {
show: true,
color:'#20aa92',
barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barGap: '100%',
data: [20],
label: {
formatter: "{c}人",
show: true,
position: 'top',
textStyle: {
fontSize:12,
color: 'rgba(255,255,255,.6)',
}
},
},
{
name: '已办人数',
type: 'bar',
itemStyle: {
normal: {
show: true,
color:'#f4664e',
barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barWidth: '20',
data: [40],
label: {
formatter: "{c}人",
show: true,
position: 'top',
textStyle: {
fontSize:12,
color: 'rgba(255,255,255,.6)',
}
},
},
{
name: '已办业务',
type: 'bar',
itemStyle: {
normal: {
show: true,
color:'#0c93dc',
barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barWidth: '20',
data: [127],
label: {
formatter: "{c}份",
show: true,
position: 'top',
textStyle: {
fontSize:12,
color: 'rgba(255,255,255,.6)',
}
},
},
]
};
option7 = {
// backgroundColor: '#00265f',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '0%',
top:'10px',
right: '0%',
bottom: '0',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月'],
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1)",
width: 1,
type: "solid"
},
},
axisTick: {
show: false,
},
axisLabel: {
interval: 0,
// rotate:50,
show: true,
splitNumber: 5,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '12',
},
},
}],
yAxis: [{
type: 'value',
axisLabel: {
//formatter: '{value} %'
show:true,
textStyle: {
color: "rgba(255,255,255,.6)",
fontSize: '12',
},
},
axisTick: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255,.1 )",
width: 1,
type: "solid"
},
},
splitLine: {
show: false,
lineStyle: {
color: "rgba(255,255,255,.1)",
}
}
}],
series: [{
name: '2017年',
type: 'line',
//smooth: true,
data: [2, 6, 3, 8, 5, 8],
itemStyle: {
normal: {
color:'#2f89cf',
opacity: 1,
barBorderRadius: 5,
}
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
myChart2.setOption(option2);
myChart3.setOption(option3);
myChart4.setOption(option4);
myChart5.setOption(option5);
myChart7.setOption(option7);
window.addEventListener("resize",function(){
myChart.resize();
myChart7.resize();
myChart2.resize();
myChart3.resize();
myChart4.resize();
myChart5.resize();
});
}
})

475
bigscreen1/js/map.js
Unescape Escape View File

@ -0,0 +1,475 @@
$(function () {
map();
function map() {
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('map'));
var data = [
{name: '海门', value: 9},
{name: '鄂尔多斯', value: 12},
{name: '招远', value: 12},
{name: '舟山', value: 12},
{name: '齐齐哈尔', value: 14},
{name: '盐城', value: 15},
{name: '赤峰', value: 16},
{name: '青岛', value: 18},
{name: '乳山', value: 18},
{name: '金昌', value: 19},
{name: '泉州', value: 21},
{name: '莱西', value: 21},
{name: '日照', value: 21},
{name: '胶南', value: 22},
{name: '南通', value: 23},
{name: '拉萨', value: 24},
{name: '云浮', value: 24},
{name: '梅州', value: 25},
{name: '文登', value: 25},
{name: '上海', value: 25},
{name: '攀枝花', value: 25},
{name: '威海', value: 25},
{name: '承德', value: 25},
{name: '厦门', value: 26},
{name: '汕尾', value: 26},
{name: '潮州', value: 26},
{name: '丹东', value: 27},
{name: '太仓', value: 27},
{name: '曲靖', value: 27},
{name: '烟台', value: 28},
{name: '福州', value: 29},
{name: '瓦房店', value: 30},
{name: '即墨', value: 30},
{name: '抚顺', value: 31},
{name: '玉溪', value: 31},
{name: '张家口', value: 31},
{name: '阳泉', value: 31},
{name: '莱州', value: 32},
{name: '湖州', value: 32},
{name: '汕头', value: 32},
{name: '昆山', value: 33},
{name: '宁波', value: 33},
{name: '湛江', value: 33},
{name: '揭阳', value: 34},
{name: '荣成', value: 34},
{name: '连云港', value: 35},
{name: '葫芦岛', value: 35},
{name: '常熟', value: 36},
{name: '东莞', value: 36},
{name: '河源', value: 36},
{name: '淮安', value: 36},
{name: '泰州', value: 36},
{name: '南宁', value: 37},
{name: '营口', value: 37},
{name: '惠州', value: 37},
{name: '江阴', value: 37},
{name: '蓬莱', value: 37},
{name: '韶关', value: 38},
{name: '嘉峪关', value: 38},
{name: '广州', value: 38},
{name: '延安', value: 38},
{name: '太原', value: 39},
{name: '清远', value: 39},
{name: '中山', value: 39},
{name: '昆明', value: 39},
{name: '寿光', value: 40},
{name: '盘锦', value: 40},
{name: '长治', value: 41},
{name: '深圳', value: 41},
{name: '珠海', value: 42},
{name: '宿迁', value: 43},
{name: '咸阳', value: 43},
{name: '铜川', value: 44},
{name: '平度', value: 44},
{name: '佛山', value: 44},
{name: '海口', value: 44},
{name: '江门', value: 45},
{name: '章丘', value: 45},
{name: '肇庆', value: 46},
{name: '大连', value: 47},
{name: '临汾', value: 47},
{name: '吴江', value: 47},
{name: '石嘴山', value: 49},
{name: '沈阳', value: 50},
{name: '苏州', value: 50},
{name: '茂名', value: 50},
{name: '嘉兴', value: 51},
{name: '长春', value: 51},
{name: '胶州', value: 52},
{name: '银川', value: 52},
{name: '张家港', value: 52},
{name: '三门峡', value: 53},
{name: '锦州', value: 54},
{name: '南昌', value: 54},
{name: '柳州', value: 54},
{name: '三亚', value: 54},
{name: '自贡', value: 56},
{name: '吉林', value: 56},
{name: '阳江', value: 57},
{name: '泸州', value: 57},
{name: '西宁', value: 57},
{name: '宜宾', value: 58},
{name: '呼和浩特', value: 58},
{name: '成都', value: 58},
{name: '大同', value: 58},
{name: '镇江', value: 59},
{name: '桂林', value: 59},
{name: '张家界', value: 59},
{name: '宜兴', value: 59},
{name: '北海', value: 60},
{name: '西安', value: 61},
{name: '金坛', value: 62},
{name: '东营', value: 62},
{name: '牡丹江', value: 63},
{name: '遵义', value: 63},
{name: '绍兴', value: 63},
{name: '扬州', value: 64},
{name: '常州', value: 64},
{name: '潍坊', value: 65},
{name: '重庆', value: 66},
{name: '台州', value: 67},
{name: '南京', value: 67},
{name: '滨州', value: 70},
{name: '贵阳', value: 71},
{name: '无锡', value: 71},
{name: '本溪', value: 71},
{name: '克拉玛依', value: 72},
{name: '渭南', value: 72},
{name: '马鞍山', value: 72},
{name: '宝鸡', value: 72},
{name: '焦作', value: 75},
{name: '句容', value: 75},
{name: '北京', value: 79},
{name: '徐州', value: 79},
{name: '衡水', value: 80},
{name: '包头', value: 80},
{name: '绵阳', value: 80},
{name: '乌鲁木齐', value: 84},
{name: '枣庄', value: 84},
{name: '杭州', value: 84},
{name: '淄博', value: 85},
{name: '鞍山', value: 86},
{name: '溧阳', value: 86},
{name: '库尔勒', value: 86},
{name: '安阳', value: 90},
{name: '开封', value: 90},
{name: '济南', value: 92},
{name: '德阳', value: 93},
{name: '温州', value: 95},
{name: '九江', value: 96},
{name: '邯郸', value: 98},
{name: '临安', value: 99},
{name: '兰州', value: 99},
{name: '沧州', value: 100},
{name: '临沂', value: 103},
{name: '南充', value: 104},
{name: '天津', value: 105},
{name: '富阳', value: 106},
{name: '泰安', value: 112},
{name: '诸暨', value: 112},
{name: '郑州', value: 113},
{name: '哈尔滨', value: 114},
{name: '聊城', value: 116},
{name: '芜湖', value: 117},
{name: '唐山', value: 119},
{name: '平顶山', value: 119},
{name: '邢台', value: 119},
{name: '德州', value: 120},
{name: '济宁', value: 120},
{name: '荆州', value: 127},
{name: '宜昌', value: 130},
{name: '义乌', value: 132},
{name: '丽水', value: 133},
{name: '洛阳', value: 134},
{name: '秦皇岛', value: 136},
{name: '株洲', value: 143},
{name: '石家庄', value: 147},
{name: '莱芜', value: 148},
{name: '常德', value: 152},
{name: '保定', value: 153},
{name: '湘潭', value: 154},
{name: '金华', value: 157},
{name: '岳阳', value: 169},
{name: '长沙', value: 175},
{name: '衢州', value: 177},
{name: '廊坊', value: 193},
{name: '菏泽', value: 194},
{name: '合肥', value: 229},
{name: '武汉', value: 273},
{name: '大庆', value: 279}
];
var geoCoordMap = {
'海门':[121.15,31.89],
'鄂尔多斯':[109.781327,39.608266],
'招远':[120.38,37.35],
'舟山':[122.207216,29.985295],
'齐齐哈尔':[123.97,47.33],
'盐城':[120.13,33.38],
'赤峰':[118.87,42.28],
'青岛':[120.33,36.07],
'乳山':[121.52,36.89],
'金昌':[102.188043,38.520089],
'泉州':[118.58,24.93],
'莱西':[120.53,36.86],
'日照':[119.46,35.42],
'胶南':[119.97,35.88],
'南通':[121.05,32.08],
'拉萨':[91.11,29.97],
'云浮':[112.02,22.93],
'梅州':[116.1,24.55],
'文登':[122.05,37.2],
'上海':[121.48,31.22],
'攀枝花':[101.718637,26.582347],
'威海':[122.1,37.5],
'承德':[117.93,40.97],
'厦门':[118.1,24.46],
'汕尾':[115.375279,22.786211],
'潮州':[116.63,23.68],
'丹东':[124.37,40.13],
'太仓':[121.1,31.45],
'曲靖':[103.79,25.51],
'烟台':[121.39,37.52],
'福州':[119.3,26.08],
'瓦房店':[121.979603,39.627114],
'即墨':[120.45,36.38],
'抚顺':[123.97,41.97],
'玉溪':[102.52,24.35],
'张家口':[114.87,40.82],
'阳泉':[113.57,37.85],
'莱州':[119.942327,37.177017],
'湖州':[120.1,30.86],
'汕头':[116.69,23.39],
'昆山':[120.95,31.39],
'宁波':[121.56,29.86],
'湛江':[110.359377,21.270708],
'揭阳':[116.35,23.55],
'荣成':[122.41,37.16],
'连云港':[119.16,34.59],
'葫芦岛':[120.836932,40.711052],
'常熟':[120.74,31.64],
'东莞':[113.75,23.04],
'河源':[114.68,23.73],
'淮安':[119.15,33.5],
'泰州':[119.9,32.49],
'南宁':[108.33,22.84],
'营口':[122.18,40.65],
'惠州':[114.4,23.09],
'江阴':[120.26,31.91],
'蓬莱':[120.75,37.8],
'韶关':[113.62,24.84],
'嘉峪关':[98.289152,39.77313],
'广州':[113.23,23.16],
'延安':[109.47,36.6],
'太原':[112.53,37.87],
'清远':[113.01,23.7],
'中山':[113.38,22.52],
'昆明':[102.73,25.04],
'寿光':[118.73,36.86],
'盘锦':[122.070714,41.119997],
'长治':[113.08,36.18],
'深圳':[114.07,22.62],
'珠海':[113.52,22.3],
'宿迁':[118.3,33.96],
'咸阳':[108.72,34.36],
'铜川':[109.11,35.09],
'平度':[119.97,36.77],
'佛山':[113.11,23.05],
'海口':[110.35,20.02],
'江门':[113.06,22.61],
'章丘':[117.53,36.72],
'肇庆':[112.44,23.05],
'大连':[121.62,38.92],
'临汾':[111.5,36.08],
'吴江':[120.63,31.16],
'石嘴山':[106.39,39.04],
'沈阳':[123.38,41.8],
'苏州':[120.62,31.32],
'茂名':[110.88,21.68],
'嘉兴':[120.76,30.77],
'长春':[125.35,43.88],
'胶州':[120.03336,36.264622],
'银川':[106.27,38.47],
'张家港':[120.555821,31.875428],
'三门峡':[111.19,34.76],
'锦州':[121.15,41.13],
'南昌':[115.89,28.68],
'柳州':[109.4,24.33],
'三亚':[109.511909,18.252847],
'自贡':[104.778442,29.33903],
'吉林':[126.57,43.87],
'阳江':[111.95,21.85],
'泸州':[105.39,28.91],
'西宁':[101.74,36.56],
'宜宾':[104.56,29.77],
'呼和浩特':[111.65,40.82],
'成都':[104.06,30.67],
'大同':[113.3,40.12],
'镇江':[119.44,32.2],
'桂林':[110.28,25.29],
'张家界':[110.479191,29.117096],
'宜兴':[119.82,31.36],
'北海':[109.12,21.49],
'西安':[108.95,34.27],
'金坛':[119.56,31.74],
'东营':[118.49,37.46],
'牡丹江':[129.58,44.6],
'遵义':[106.9,27.7],
'绍兴':[120.58,30.01],
'扬州':[119.42,32.39],
'常州':[119.95,31.79],
'潍坊':[119.1,36.62],
'重庆':[106.54,29.59],
'台州':[121.420757,28.656386],
'南京':[118.78,32.04],
'滨州':[118.03,37.36],
'贵阳':[106.71,26.57],
'无锡':[120.29,31.59],
'本溪':[123.73,41.3],
'克拉玛依':[84.77,45.59],
'渭南':[109.5,34.52],
'马鞍山':[118.48,31.56],
'宝鸡':[107.15,34.38],
'焦作':[113.21,35.24],
'句容':[119.16,31.95],
'北京':[116.46,39.92],
'徐州':[117.2,34.26],
'衡水':[115.72,37.72],
'包头':[110,40.58],
'绵阳':[104.73,31.48],
'乌鲁木齐':[87.68,43.77],
'枣庄':[117.57,34.86],
'杭州':[120.19,30.26],
'淄博':[118.05,36.78],
'鞍山':[122.85,41.12],
'溧阳':[119.48,31.43],
'库尔勒':[86.06,41.68],
'安阳':[114.35,36.1],
'开封':[114.35,34.79],
'济南':[117,36.65],
'德阳':[104.37,31.13],
'温州':[120.65,28.01],
'九江':[115.97,29.71],
'邯郸':[114.47,36.6],
'临安':[119.72,30.23],
'兰州':[103.73,36.03],
'沧州':[116.83,38.33],
'临沂':[118.35,35.05],
'南充':[106.110698,30.837793],
'天津':[117.2,39.13],
'富阳':[119.95,30.07],
'泰安':[117.13,36.18],
'诸暨':[120.23,29.71],
'郑州':[113.65,34.76],
'哈尔滨':[126.63,45.75],
'聊城':[115.97,36.45],
'芜湖':[118.38,31.33],
'唐山':[118.02,39.63],
'平顶山':[113.29,33.75],
'邢台':[114.48,37.05],
'德州':[116.29,37.45],
'济宁':[116.59,35.38],
'荆州':[112.239741,30.335165],
'宜昌':[111.3,30.7],
'义乌':[120.06,29.32],
'丽水':[119.92,28.45],
'洛阳':[112.44,34.7],
'秦皇岛':[119.57,39.95],
'株洲':[113.16,27.83],
'石家庄':[114.48,38.03],
'莱芜':[117.67,36.19],
'常德':[111.69,29.05],
'保定':[115.48,38.85],
'湘潭':[112.91,27.87],
'金华':[119.64,29.12],
'岳阳':[113.09,29.37],
'长沙':[113,28.21],
'衢州':[118.88,28.97],
'廊坊':[116.7,39.53],
'菏泽':[115.480656,35.23375],
'合肥':[117.27,31.86],
'武汉':[114.31,30.52],
'大庆':[125.03,46.58]
};
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
name: data[i].name,
value: geoCoord.concat(data[i].value)
});
}
}
return res;
};
option = {
// backgroundColor: '#404a59',
/*** title: {
text: '实时行驶车辆',
subtext: 'data from PM25.in',
sublink: 'http://www.pm25.in',
left: 'center',
textStyle: {
color: '#fff'
}
},**/
tooltip : {
trigger: 'item'
},
geo: {
map: 'china',
label: {
emphasis: {
show: false
}
},
roam: false,
zoom:1.2,
itemStyle: {
normal: {
areaColor: 'rgba(2,37,101,.5)',
borderColor: 'rgba(112,187,252,.5)'
},
emphasis: {
areaColor: 'rgba(2,37,101,.8)'
}
}
},
series : [
{
name: '标题名称',
type: 'scatter',
coordinateSystem: 'geo',
data: convertData(data),
symbolSize: function (val) {
return val[2] / 15;
},
label: {
normal: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
show: true
}
},
itemStyle: {
normal: {
color: '#ffeb7b'
}
}
}
]
};
myChart.setOption(option);
window.addEventListener("resize",function(){
myChart.resize();
});
}
})
Write Preview
Loading…
Cancel
Save