mirror of
https://github.com/jiawanlong/Cesium-Examples.git
synced 2025-07-04 15:17:36 +00:00
智慧园区
This commit is contained in:
jiawanlong
parent
bda2a7f762
commit
4faba680cb
3
.gitignore
vendored
3
.gitignore
vendored
@ -1,2 +1,5 @@
|
|||||||
examples/cesiumEx/真实道路2.html
|
examples/cesiumEx/真实道路2.html
|
||||||
examples/cesiumEx/templates/1_uav/index-2.html
|
examples/cesiumEx/templates/1_uav/index-2.html
|
||||||
|
examples/cesiumEx/templates/2_park/js/map2.js
|
||||||
|
examples/cesiumEx/templates/2_park/js/index2.js
|
||||||
|
examples/cesiumEx/templates/2_park/index2.html
|
||||||
|
|||||||
@ -13,7 +13,12 @@ var exampleConfig = {
|
|||||||
name: "综合应用",
|
name: "综合应用",
|
||||||
name_en: "ba222212se",
|
name_en: "ba222212se",
|
||||||
content: [
|
content: [
|
||||||
|
{
|
||||||
|
name: "智慧园区运营中心",
|
||||||
|
name_en: "智慧园区运营中心",
|
||||||
|
thumbnail: "智慧园区.jpg",
|
||||||
|
fileName: "./templates/2_park/index.html"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "低空经济AI决策",
|
name: "低空经济AI决策",
|
||||||
name_en: "低空经济AI决策",
|
name_en: "低空经济AI决策",
|
||||||
|
|||||||
BIN
examples/cesiumEx/img/智慧园区.jpg
Normal file
BIN
examples/cesiumEx/img/智慧园区.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
613
examples/cesiumEx/templates/2_park/css/index.css
Normal file
613
examples/cesiumEx/templates/2_park/css/index.css
Normal file
@ -0,0 +1,613 @@
|
|||||||
|
body{
|
||||||
|
line-height: 1.15;
|
||||||
|
font-size: 0.5rem;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0 / cover;
|
||||||
|
background-color: #101129;
|
||||||
|
}
|
||||||
|
*{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.viewport {
|
||||||
|
/* 限定大小 */
|
||||||
|
min-width: 1024px;
|
||||||
|
max-width: 1920px;
|
||||||
|
min-height: 780px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: url(../images/logo.png) no-repeat 0 0 / contain;
|
||||||
|
display: flex;
|
||||||
|
padding: 3.667rem 0.833rem 0;
|
||||||
|
}
|
||||||
|
.column{
|
||||||
|
flex: 3;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.column:nth-child(2){
|
||||||
|
flex: 4;
|
||||||
|
margin: 1.333rem 0.833rem 0;
|
||||||
|
}
|
||||||
|
.panel {
|
||||||
|
/* 边框 */
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 2px solid red;
|
||||||
|
border-image: url(../images/border.png) 51 38 21 132;
|
||||||
|
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 0.833rem;
|
||||||
|
}
|
||||||
|
.panel .inner {
|
||||||
|
/* 装内容 */
|
||||||
|
/* height: 60px; */
|
||||||
|
position: absolute;
|
||||||
|
top: -2.125rem;
|
||||||
|
right: -1.583rem;
|
||||||
|
bottom: -0.875rem;
|
||||||
|
left: -5.5rem;
|
||||||
|
padding: 1rem 1.5rem;
|
||||||
|
}
|
||||||
|
.panel h3{
|
||||||
|
font-size: 0.833rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* 概览区域 */
|
||||||
|
.overview{
|
||||||
|
height: 4.583rem;
|
||||||
|
}
|
||||||
|
.overview .inner{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.overview h4{
|
||||||
|
font-size: 1.167rem;
|
||||||
|
padding-left: 0.2rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 0.333rem
|
||||||
|
}
|
||||||
|
.overview span{
|
||||||
|
font-size: 0.667rem;
|
||||||
|
color: #4c9bfd;
|
||||||
|
}
|
||||||
|
/* 监控 */
|
||||||
|
.monitor{
|
||||||
|
height: 20rem;
|
||||||
|
}
|
||||||
|
.monitor .inner{
|
||||||
|
padding: 1rem 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.monitor .tabs{
|
||||||
|
padding: 0 1.5rem;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
.monitor .tabs a{
|
||||||
|
color: #1950c4;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
padding: 0 1.125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .tabs a:first-child{
|
||||||
|
border-right: 0.083rem solid #00f2f1;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .tabs a.active{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.monitor .content{
|
||||||
|
flex: 1;
|
||||||
|
display: none;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.monitor .head{
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
font-size: 0.583rem;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
color: #68d8fe;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
line-height: 1.05;
|
||||||
|
}
|
||||||
|
.monitor .col:nth-child(1) {
|
||||||
|
width: 3.2rem;
|
||||||
|
}
|
||||||
|
.monitor .col:nth-child(2) {
|
||||||
|
width: 8.4rem;
|
||||||
|
/* 不换行 一行省略*/
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.monitor .col:nth-child(3) {
|
||||||
|
width: 3.2rem;
|
||||||
|
}
|
||||||
|
.monitor .marquee-view{
|
||||||
|
position: absolute;
|
||||||
|
top: 1.6rem;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .row{
|
||||||
|
line-height: 1.05;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
color: #61a8ff;
|
||||||
|
font-size: 0.5rem;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.monitor .row:hover{
|
||||||
|
color:#68d8ff;
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.monitor .row:hover .icon-dot{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .icon-dot{
|
||||||
|
position: absolute;
|
||||||
|
left: 0.64rem;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.monitor .marquee-view{
|
||||||
|
position: absolute;
|
||||||
|
top: 1.6rem;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .row{
|
||||||
|
line-height: 1.05;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
color: #61a8ff;
|
||||||
|
font-size: 0.5rem;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.monitor .row:hover{
|
||||||
|
color:#68d8ff;
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.monitor .row:hover .icon-dot{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.monitor .icon-dot{
|
||||||
|
position: absolute;
|
||||||
|
left: 0.64rem;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
/* ------------------------------------------------------------动画 */
|
||||||
|
@keyframes row{
|
||||||
|
0%{}
|
||||||
|
100%{
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 调用动画 */
|
||||||
|
.monitor .marquee {
|
||||||
|
/* //infinite永久调用动画 */
|
||||||
|
animation: row 10s linear infinite;
|
||||||
|
}
|
||||||
|
/*鼠标划入 停止动画 */
|
||||||
|
.monitor .marquee:hover {
|
||||||
|
animation-play-state: paused;
|
||||||
|
}
|
||||||
|
/* 点位 */
|
||||||
|
.point {
|
||||||
|
height: 14.167rem;
|
||||||
|
}
|
||||||
|
.point .chart {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 1rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.point .pie {
|
||||||
|
width: 13rem;
|
||||||
|
height: 10rem;
|
||||||
|
margin-left: -0.4rem;
|
||||||
|
}
|
||||||
|
.point .data {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 7rem;
|
||||||
|
padding: 1.5rem 1.25rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-image: url(../images/rect.png);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.point h4 {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-size: 1.167rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.point span {
|
||||||
|
display: block;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.667rem;
|
||||||
|
}
|
||||||
|
/* 地图 */
|
||||||
|
.map {
|
||||||
|
height: 24.1rem;
|
||||||
|
margin-bottom: 0.833rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.map h3 {
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0.667rem 0;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 0.833rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.map .icon-cube {
|
||||||
|
color: #68d8fe;
|
||||||
|
}
|
||||||
|
.map .chart {
|
||||||
|
flex: 1;
|
||||||
|
background-color: rgba(255, 255, 255, 0.05);
|
||||||
|
}
|
||||||
|
.map .geo {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
/* 用户模块 */
|
||||||
|
.users {
|
||||||
|
height: 14.167rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.users .chart {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
.users .bar {
|
||||||
|
width: 24.5rem;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
.users .data {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 7rem;
|
||||||
|
padding: 1.5rem 1.25rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-image: url(../images/rect.png);
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.users h4 {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-size: 1.167rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.users span {
|
||||||
|
display: block;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.667rem;
|
||||||
|
}
|
||||||
|
/* 订单 */
|
||||||
|
.order {
|
||||||
|
height: 6.167rem;
|
||||||
|
}
|
||||||
|
.order .filter {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.order .filter a {
|
||||||
|
display: block;
|
||||||
|
height: 0.75rem;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0 0.75rem;
|
||||||
|
color: #1950c4;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
border-right: 0.083rem solid #00f2f1;
|
||||||
|
}
|
||||||
|
.order .filter a:first-child {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.order .filter a:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
.order .filter a.active {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.833rem;
|
||||||
|
}
|
||||||
|
.order .data {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 0.833rem;
|
||||||
|
}
|
||||||
|
.order .item {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.order h4 {
|
||||||
|
font-size: 1.167rem;
|
||||||
|
color: #fff;
|
||||||
|
margin-bottom: 0.417rem;
|
||||||
|
}
|
||||||
|
.order span {
|
||||||
|
display: block;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.667rem;
|
||||||
|
}
|
||||||
|
/* 销售区域 */
|
||||||
|
.sales {
|
||||||
|
height: 10.333rem;
|
||||||
|
}
|
||||||
|
.sales .caption {
|
||||||
|
display: flex;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.sales h3 {
|
||||||
|
height: 0.75rem;
|
||||||
|
padding-right: 0.75rem;
|
||||||
|
border-right: 0.083rem solid #00f2f1;
|
||||||
|
}
|
||||||
|
.sales a {
|
||||||
|
padding: 0.167rem;
|
||||||
|
font-size: 0.667rem;
|
||||||
|
margin: -0.125rem 0 0 0.875rem;
|
||||||
|
border-radius: 0.125rem;
|
||||||
|
color: #0bace6;
|
||||||
|
}
|
||||||
|
.sales a.active {
|
||||||
|
background-color: #4c9bfd;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.sales .inner {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.sales .chart {
|
||||||
|
flex: 1;
|
||||||
|
padding-top: 0.6rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.sales .label {
|
||||||
|
position: absolute;
|
||||||
|
left: 1.75rem;
|
||||||
|
top: 0.75rem;
|
||||||
|
color: #4996f5;
|
||||||
|
font-size: 0.583rem;
|
||||||
|
}
|
||||||
|
.sales .line {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
/* 渠道区块 */
|
||||||
|
.wrap {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.channel,
|
||||||
|
.quarter {
|
||||||
|
flex: 1;
|
||||||
|
height: 9.667rem;
|
||||||
|
}
|
||||||
|
.channel {
|
||||||
|
margin-right: 0.833rem;
|
||||||
|
}
|
||||||
|
.channel .data {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.channel .item {
|
||||||
|
margin-top: 0.85rem;
|
||||||
|
}
|
||||||
|
.channel .item:first-child {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.channel .item:last-child {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.channel h4 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1.333rem;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
}
|
||||||
|
.channel small {
|
||||||
|
font-size: 50%;
|
||||||
|
}
|
||||||
|
.channel span {
|
||||||
|
display: block;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.583rem;
|
||||||
|
}
|
||||||
|
/* 季度区块 */
|
||||||
|
.quarter .inner {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0 -0.25rem;
|
||||||
|
}
|
||||||
|
.quarter .chart {
|
||||||
|
flex: 1;
|
||||||
|
padding-top: 0.75rem;
|
||||||
|
}
|
||||||
|
.quarter .box {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.quarter .label {
|
||||||
|
transform: translate(-50%, -30%);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
.quarter .label small {
|
||||||
|
font-size: 50%;
|
||||||
|
}
|
||||||
|
.quarter .gauge {
|
||||||
|
height: 3.5rem;
|
||||||
|
}
|
||||||
|
.quarter .data {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.quarter .item {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
.quarter h4 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-bottom: 0.4rem;
|
||||||
|
}
|
||||||
|
.quarter span {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.583rem;
|
||||||
|
}
|
||||||
|
/* 排行榜 */
|
||||||
|
.top {
|
||||||
|
height: 11.8rem;
|
||||||
|
}
|
||||||
|
.top .inner {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.top .all {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 7rem;
|
||||||
|
color: #4c9bfd;
|
||||||
|
font-size: 0.6rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.top .all ul {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
.top .all li {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.top .all [class^="icon-"] {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
.top .province {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.top .province i {
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
margin-top: 0.208rem;
|
||||||
|
float: right;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 0.583rem;
|
||||||
|
color: #0bace6;
|
||||||
|
}
|
||||||
|
.top .province s {
|
||||||
|
display: inline-block;
|
||||||
|
transform: scale(0.8);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.top .province .icon-up {
|
||||||
|
color: #dc3c33;
|
||||||
|
}
|
||||||
|
.top .province .icon-down {
|
||||||
|
color: #36be90;
|
||||||
|
}
|
||||||
|
.top .province .data {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
}
|
||||||
|
.top .province ul {
|
||||||
|
flex: 1;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
}
|
||||||
|
.top .province ul li {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.top .province ul span {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.top .province ul.sup {
|
||||||
|
font-size: 0.583rem;
|
||||||
|
}
|
||||||
|
.top .province ul.sup li {
|
||||||
|
color: #4995f4;
|
||||||
|
padding: 0.5rem;
|
||||||
|
}
|
||||||
|
.top .province ul.sup li.active {
|
||||||
|
color: #a3c6f2;
|
||||||
|
background-color: rgba(10, 67, 188, 0.2);
|
||||||
|
}
|
||||||
|
.top .province ul.sub {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
font-size: 0.5rem;
|
||||||
|
background-color: rgba(10, 67, 188, 0.2);
|
||||||
|
}
|
||||||
|
.top .province ul.sub li {
|
||||||
|
color: #52ffff;
|
||||||
|
padding: 0.417rem 0.6rem;
|
||||||
|
}
|
||||||
|
.clock {
|
||||||
|
position: absolute;
|
||||||
|
top: -1.5rem;
|
||||||
|
right: 1.667rem;
|
||||||
|
font-size: 0.833rem;
|
||||||
|
color: #0bace6;
|
||||||
|
}
|
||||||
|
.clock i {
|
||||||
|
margin-right: 5px;
|
||||||
|
font-size: 0.833rem;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1600px) {
|
||||||
|
.top span {
|
||||||
|
transform: scale(0.9);
|
||||||
|
}
|
||||||
|
.top .province ul.sup li {
|
||||||
|
padding: 0.4rem 0.5rem;
|
||||||
|
}
|
||||||
|
.top .province ul.sub li {
|
||||||
|
padding: 0.23rem 0.5rem;
|
||||||
|
}
|
||||||
|
.quarter span {
|
||||||
|
transform: scale(0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.titles{
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 30px;
|
||||||
|
z-index: 1;
|
||||||
|
color: #fff;
|
||||||
|
color: transparent;
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
.titles span{
|
||||||
|
letter-spacing: 5px;
|
||||||
|
font-weight: 700; background: linear-gradient(120deg, #bd34fe 30%, #41d1ff);
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
65
examples/cesiumEx/templates/2_park/fonts/icomoon.css
Normal file
65
examples/cesiumEx/templates/2_park/fonts/icomoon.css
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'icomoon';
|
||||||
|
src: url('icomoon.eot');
|
||||||
|
src: url('icomoon.eot#iefix') format('embedded-opentype'),
|
||||||
|
url('icomoon.ttf') format('truetype'),
|
||||||
|
url('icomoon.woff') format('woff'),
|
||||||
|
url('icomoon.svg#icomoon') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
/* use !important to prevent issues with browser extensions that change fonts */
|
||||||
|
font-family: 'icomoon' !important;
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-dot:before {
|
||||||
|
content: "\e900";
|
||||||
|
}
|
||||||
|
.icon-cup1:before {
|
||||||
|
content: "\e901";
|
||||||
|
}
|
||||||
|
.icon-cup2:before {
|
||||||
|
content: "\e902";
|
||||||
|
}
|
||||||
|
.icon-cup3:before {
|
||||||
|
content: "\e903";
|
||||||
|
}
|
||||||
|
.icon-clock:before {
|
||||||
|
content: "\e904";
|
||||||
|
}
|
||||||
|
.icon-down:before {
|
||||||
|
content: "\e905";
|
||||||
|
}
|
||||||
|
.icon-cube:before {
|
||||||
|
content: "\e906";
|
||||||
|
}
|
||||||
|
.icon-plane:before {
|
||||||
|
content: "\e907";
|
||||||
|
}
|
||||||
|
.icon-train:before {
|
||||||
|
content: "\e908";
|
||||||
|
}
|
||||||
|
.icon-bus:before {
|
||||||
|
content: "\e909";
|
||||||
|
}
|
||||||
|
.icon-bag:before {
|
||||||
|
content: "\e90a";
|
||||||
|
}
|
||||||
|
.icon-up:before {
|
||||||
|
content: "\e90b";
|
||||||
|
}
|
||||||
|
.cesium-widget-credits{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.eot
Normal file
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.eot
Normal file
Binary file not shown.
22
examples/cesiumEx/templates/2_park/fonts/icomoon.svg
Normal file
22
examples/cesiumEx/templates/2_park/fonts/icomoon.svg
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>Generated by IcoMoon</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="icomoon" horiz-adv-x="1024">
|
||||||
|
<font-face units-per-em="1024" ascent="857.6" descent="-166.4" />
|
||||||
|
<missing-glyph horiz-adv-x="1024" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||||
|
<glyph unicode="" glyph-name="dot" d="M510-44.4v0c-109.2 0-198.8 89.2-198.8 198.8v395.2c0 109.2 89.2 198.8 198.8 198.8v0c109.2 0 198.8-89.2 198.8-198.8v-395.6c0-109.2-89.6-198.4-198.8-198.4z" />
|
||||||
|
<glyph unicode="" glyph-name="cup1" d="M824.4 674c0 68.8-56.4 124.8-124.8 124.8h-375.6c-68.8 0-124.8-56.4-124.8-124.8-214 0-187.6 0-187.6-124.8 0-103.2 84.4-187.6 187.6-187.6 8 0 14 1.6 22 1.6 42-122 140.8-232.8 259.2-250v-145.2h-93.6c-17.2 0-31.2-14-31.2-31.2s14-31.2 31.2-31.2h250c17.2 0 31.2 14 31.2 31.2s-14 31.2-31.2 31.2h-93.6v145.2c118.8 17.2 217.2 126.4 259.2 250 6.4 0 14-1.6 22-1.6 103.2 0 187.6 84.4 187.6 187.6-2 124.8 24.8 124.8-187.6 124.8zM199.2 424c-68.8 0-125.2 56-125.2 124.8s1.6 62.4 124.8 62.4l0.4-187.2zM578.8 296h-94.4v202.4c0 29.2-0.8 46.8-2 52.8-1.6 6-5.2 10.4-11.6 13.6s-20.4 4.4-42 4.4h-9.2v44c45.6 10 80 30 103.6 60.4h55.6v-377.6zM824.4 424v187.2c123.6 0 124.8 6.4 124.8-62.4-1.6-68.8-56.4-124.8-124.8-124.8z" />
|
||||||
|
<glyph unicode="" glyph-name="cup2" d="M824.4 674c0 68.8-56.4 124.8-124.8 124.8h-375.6c-68.8 0-124.8-56.4-124.8-124.8-214 0-187.6 0-187.6-124.8 0-103.2 84.4-187.6 187.6-187.6 8 0 14 1.6 22 1.6 42-122 140.8-232.8 259.2-250v-145.2h-93.6c-17.2 0-31.2-14-31.2-31.2s14-31.2 31.2-31.2h250c17.2 0 31.2 14 31.2 31.2s-14 31.2-31.2 31.2h-93.6v145.2c118.8 17.2 217.2 126.4 259.2 250 6.4 0 14-1.6 22-1.6 103.2 0 187.6 84.4 187.6 187.6-2 124.8 24.8 124.8-187.6 124.8zM74 548.8c0 68.8 1.6 62.4 124.8 62.4l0.4-187.2c-68.8 0-125.2 56-125.2 124.8zM618 359.2v-63.6h-205.2v53.2c60.8 99.6 96.8 161.2 108.4 184.8s17.2 42 17.2 55.2c0 10-1.6 17.6-5.2 22.8s-8.8 7.6-16 7.6-12.4-2.8-16-8.4c-3.6-5.6-5.2-16.4-5.2-33.2v-35.6h-83.6v14c0 20.8 1.2 37.6 3.2 49.6s7.6 24 16 35.6 19.6 20.4 33.2 26.4 29.6 9.2 48.8 9.2c37.2 0 65.2-9.2 84-27.6 19.2-18.4 28.4-41.6 28.4-70 0-21.6-5.2-44-16-68s-42.4-74.4-94.4-152h102.4zM824.4 424v187.2c123.6 0 124.8 6.4 124.8-62.4-1.6-68.8-56.4-124.8-124.8-124.8z" />
|
||||||
|
<glyph unicode="" glyph-name="cup3" d="M824.4 674c0 68.8-56.4 124.8-124.8 124.8h-375.6c-68.8 0-124.8-56.4-124.8-124.8-214 0-187.6 0-187.6-124.8 0-103.2 84.4-187.6 187.6-187.6 8 0 14 1.6 22 1.6 42-122 140.8-232.8 259.2-250v-145.2h-93.6c-17.2 0-31.2-14-31.2-31.2s14-31.2 31.2-31.2h250c17.2 0 31.2 14 31.2 31.2s-14 31.2-31.2 31.2h-93.6v145.2c118.8 17.2 217.2 126.4 259.2 250 6.4 0 14-1.6 22-1.6 103.2 0 187.6 84.4 187.6 187.6-2 124.8 24.8 124.8-187.6 124.8zM74 548.8c0 68.8 1.6 62.4 124.8 62.4l0.4-187.2c-68.8 0-125.2 56-125.2 124.8zM620 337.2c-6.8-16.4-18.4-28.8-35.2-37.6-16.8-8.4-38-12.8-64-12.8-29.6 0-52.8 4.8-69.6 14.8s-28 22-33.2 36.4-8 39.2-8 74.8v29.6h93.2v-60.8c0-16 0.8-26.4 2.8-30.8s6-6.4 12.8-6.4c7.2 0 12 2.8 14.4 8.4s3.6 20 3.6 43.6v26c0 14.4-1.6 24.8-4.8 31.6s-8 10.8-14.4 13.2c-6.4 2-18.4 3.2-36.8 3.6v53.6c22 0 36 0.8 41.2 2.4s9.2 5.2 11.2 11.2c2.4 5.6 3.6 14.8 3.6 26.8v20.8c0 13.2-1.2 21.6-4 26-2.8 4-6.8 6.4-12.4 6.4-6.4 0-10.8-2-13.2-6.4s-3.6-13.6-3.6-28v-30.8h-93.2v32c0 35.6 8 60 24.4 72.4s42.4 18.8 78 18.8c44.4 0 74.8-8.8 90.4-26 16-17.2 23.6-41.6 23.6-72.4 0-20.8-2.8-36-8.4-45.2s-15.6-18-30-25.6c14-4.8 24.8-12.4 31.6-23.6 6.8-10.8 10.4-36.4 10.4-76.4-0.4-30.4-3.6-53.2-10.4-69.6zM824.4 424v187.2c123.6 0 124.8 6.4 124.8-62.4-1.6-68.8-56.4-124.8-124.8-124.8z" />
|
||||||
|
<glyph unicode="" glyph-name="clock" d="M502.898 788.907c-245.76 0-443.733-197.973-443.733-443.733s200.249-443.733 443.733-443.733c245.76 0 443.733 197.973 443.733 443.733s-200.249 443.733-443.733 443.733zM791.893 210.916c-6.827-13.653-18.204-20.48-31.858-20.48-4.551 0-9.102 0-13.653 2.276l-261.689 118.329c-11.378 4.551-20.48 18.204-20.48 31.858v245.76c0 18.204 15.929 34.133 34.133 34.133s34.133-15.929 34.133-34.133v-225.28l241.209-109.227c18.204-6.827 25.031-25.031 18.204-43.236z" />
|
||||||
|
<glyph unicode="" glyph-name="down" d="M174.56 163.976l288.192-242.864c26.864-22.384 70.512-22.384 97.368 0l288.192 242.864c43.088 36.936 12.312 99.608-48.128 99.608h-110.24v448.8c0 49.248-40.288 89.536-89.536 89.536h-179.072c-49.248 0-89.536-40.288-89.536-89.536v-448.8h-109.12c-61-0.56-91.216-63.232-48.128-99.608z" />
|
||||||
|
<glyph unicode="" glyph-name="cube" d="M930.8 632.4c-2 1.2-4.4 2.4-6.4 3.2l-378 219.6c-21.2 12-47.2 12-68.4 0l-384.8-222.8c-21.2-12.4-34.4-34.8-34-59.2l1.2-442.4c0-24.4 12.8-47.2 34-59.2l378.4-219.6c1.6-1.2 3.2-2 4.8-3.2 3.6-2 7.6-3.6 11.6-5.2 0 0 0.4 0 0.4 0 0.4 0 1.2-0.4 1.6-0.4 6.4-2 12.8-3.2 19.6-3.2 0 0 0 0 0 0 0.4 0 0.8 0 0.8 0v0c12 0 23.6 2.8 34 8.8l385.2 222.4c21.2 12.4 34.4 34.8 34 59.2v442.8c0.4 24.4-12.8 47.2-34 59.2zM512.4 716.4l246.4-143.2-248.4-143.2-61.6 36-184.8 107.2 248.4 143.2zM829.2 169.6l-249.2-143.2v285.2l249.2 143.2v-285.2z" />
|
||||||
|
<glyph unicode="" glyph-name="plane" d="M937.2 777.6c-22 18.4-53.2 20.8-93.6 7.6s-76.8-36-108.8-68.4l-101.2-101.2-421.6 100.8c-7.2 1.6-13.2 0.8-19.2-5.2l-80.8-81.2c-4.4-4.4-6.4-10-5.6-17.2 1.2-6.8 5.2-12 10.8-15.2l321.6-176.8-164-164-122.8 33.6c-0.8 0.8-2.4 0.8-5.2 0.8-5.6 0-10.8-2-14.4-5.6l-61.2-61.6c-4.8-4.8-6.4-10-5.6-16 0.8-6.8 4-11.2 8.4-14.4l159.6-119.6 119.6-159.6c3.6-4.8 8.8-7.6 15.2-8.4h1.2c5.6 0 10.8 2 14.4 5.6l60.8 60.8c5.6 5.6 6.8 12.8 5.2 19.6l-33.6 122.8 164 164 176.8-321.6c3.2-5.6 6.8-8.8 13.2-10 1.2-0.8 2.4-0.8 4.4-0.8 5.2 0 8.8 1.2 12 4l81.2 60.8c7.2 5.6 9.6 12.8 7.6 20.8l-101.2 440.8 102 102c32.4 32.4 55.2 68.4 68.4 108.8 13.2 40.8 10.8 72-7.6 94z" />
|
||||||
|
<glyph unicode="" glyph-name="train" d="M576 237.2v-256h277.2c35.2 0 64-28.8 64-64s-28.8-64-64-64h-682.4c-35.2 0-64 28.8-64 64s28.8 64 64 64h277.2v256h-64c-35.2 0-64 28.8-64 64s28.8 64 64 64h256c35.2 0 64-28.8 64-64s-28.8-64-64-64h-64zM427.6 784c7.2 46.4 50.8 78.4 97.6 71.2 36.8-5.6 65.2-34.4 71.2-71.2 88-16.8 169.2-59.6 232.4-123.2 174.8-174.8 174.8-458.4 0-633.6-24.8-24.8-65.6-24.8-90.4 0s-24.8 65.6 0 90.4v0c124.8 124.8 124.8 327.6 0 452.4s-327.6 124.8-452.4 0-124.8-327.6 0-452.4c0 0 0 0 0 0 24.8-24.8 24.8-65.6 0-90.4s-65.6-24.8-90.4 0c-175.2 174.8-175.2 458.4-0.4 633.6 63.2 63.2 144.4 106.4 232.4 123.2v0z" />
|
||||||
|
<glyph unicode="" glyph-name="bus" d="M203.902 20.316c-76.37 13.852-131.4 80.862-131.026 158.354l3.744 479.182c0.748 87.6 72.252 158.354 159.852 158.354h551.058c87.6 0 159.104-70.754 159.852-158.354l3.744-479.182c0.374-69.631-43.8-131.4-110.062-153.114l31.072-53.534c16.846-28.452 7.112-65.138-21.338-81.984s-65.138-7.112-81.984 21.338c0 0.374-0.374 0.374-0.374 0.748l-59.898 103.698c-0.374 0.748-0.748 1.124-1.124 1.872h-366.874c-0.374-0.748-0.748-1.498-1.124-1.872l-59.898-103.698c-16.472-28.826-52.784-38.934-81.61-22.462s-38.934 52.784-22.462 81.61c0 0.374 0.374 0.374 0.374 0.748l28.077 48.292zM452.102 656.354h-279.648c-10.856 0-19.842-8.984-19.842-19.842v0-239.59c0-10.856 8.984-19.842 19.842-19.842v0h279.648c10.856 0 19.842 8.984 19.842 19.842v0 239.59c0 10.856-8.984 19.842-19.842 19.842 0 0 0 0 0 0zM851.544 656.354h-279.648c-10.856 0-19.842-8.984-19.842-19.842v0-239.59c0-10.856 8.984-19.842 19.842-19.842 0 0 0 0 0 0h279.648c10.856 0 19.842 8.984 19.842 19.842v0 239.59c0 10.856-8.984 19.842-19.842 19.842 0 0 0 0 0 0zM731.75 296.97c-32.944 0-59.898-26.954-59.898-59.898s26.954-59.898 59.898-59.898 59.898 26.954 59.898 59.898-26.954 59.898-59.898 59.898zM292.25 296.97c-32.944 0-59.898-26.954-59.898-59.898s26.954-59.898 59.898-59.898 59.898 26.954 59.898 59.898-26.58 59.898-59.898 59.898z" />
|
||||||
|
<glyph unicode="" glyph-name="bag" d="M816.928 591.86h-87.137c0 120.346-97.563 218.028-217.791 218.028s-217.791-97.681-217.791-218.028h-87.137c-47.902 0-86.659-39.26-86.659-87.231l-0.478-523.315c0.109-48.101 39.043-87.067 87.119-87.231h609.844c48.090 0.163 87.028 39.13 87.137 87.222v523.299c-0.109 48.101-39.043 87.067-87.119 87.231h-0.017zM512 722.682c0.034 0 0.079 0 0.119 0 72.12 0 130.585-58.465 130.585-130.585 0-0.084 0-0.168 0-0.252v0.011h-261.406c0 0.069 0 0.153 0 0.237 0 72.12 58.465 130.585 130.585 130.585 0.040 0 0.084 0 0.124 0h-0.006zM512 286.577c-120.228 0-217.791 97.681-217.791 218.077h87.112c0-0.079 0-0.17 0-0.261 0-72.12 58.465-130.585 130.585-130.585 0.040 0 0.084 0 0.124 0h-0.006c0.022 0 0.048 0 0.074 0 72.12 0 130.585 58.465 130.585 130.585 0 0.084 0 0.168 0 0.252v-0.011h87.137c0-120.371-97.588-218.052-217.816-218.052z" />
|
||||||
|
<glyph unicode="" glyph-name="up" d="M848.728 541.856l-288.368 242.696c-26.864 22.392-70.752 22.392-97.616 0l-288.368-242.696c-42.984-36.72-12.536-99.408 48.36-99.408h110.152c0 0 0-0.896 0-0.896v-447.776c0-49.256 40.296-89.552 89.552-89.552h179.112c49.256 0 89.552 40.296 89.552 89.552v447.776c0 0 0 0.896 0 0.896h109.256c60.896 0 91.344 62.688 48.36 99.408z" />
|
||||||
|
</font></defs></svg>
|
||||||
|
After Width: | Height: | Size: 8.7 KiB |
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.ttf
Normal file
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.ttf
Normal file
Binary file not shown.
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.woff
Normal file
BIN
examples/cesiumEx/templates/2_park/fonts/icomoon.woff
Normal file
Binary file not shown.
BIN
examples/cesiumEx/templates/2_park/images/border.png
Normal file
BIN
examples/cesiumEx/templates/2_park/images/border.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
examples/cesiumEx/templates/2_park/images/line.png
Normal file
BIN
examples/cesiumEx/templates/2_park/images/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 237 B |
BIN
examples/cesiumEx/templates/2_park/images/logo.png
Normal file
BIN
examples/cesiumEx/templates/2_park/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
examples/cesiumEx/templates/2_park/images/rect.png
Normal file
BIN
examples/cesiumEx/templates/2_park/images/rect.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
5
examples/cesiumEx/templates/2_park/index.html
Normal file
5
examples/cesiumEx/templates/2_park/index.html
Normal file
File diff suppressed because one or more lines are too long
46
examples/cesiumEx/templates/2_park/js/china.js
Normal file
46
examples/cesiumEx/templates/2_park/js/china.js
Normal file
File diff suppressed because one or more lines are too long
1
examples/cesiumEx/templates/2_park/js/echarts.min.js
vendored
Normal file
1
examples/cesiumEx/templates/2_park/js/echarts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
examples/cesiumEx/templates/2_park/js/index.js
Normal file
1
examples/cesiumEx/templates/2_park/js/index.js
Normal file
File diff suppressed because one or more lines are too long
5
examples/cesiumEx/templates/2_park/js/jquery.min.js
vendored
Normal file
5
examples/cesiumEx/templates/2_park/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
59
examples/cesiumEx/templates/2_park/js/map.js
Normal file
59
examples/cesiumEx/templates/2_park/js/map.js
Normal file
File diff suppressed because one or more lines are too long
493
examples/cesiumEx/templates/2_park/js/mymap.js
Normal file
493
examples/cesiumEx/templates/2_park/js/mymap.js
Normal file
@ -0,0 +1,493 @@
|
|||||||
|
/*大屏*/
|
||||||
|
var geoCoordMap = {
|
||||||
|
'新疆玛纳斯基地': [86.22, 44.30],
|
||||||
|
'九江': [116.00, 29.70],
|
||||||
|
'新乡': [116.402217, 35.311657],
|
||||||
|
' ': [79.92, 37.12],
|
||||||
|
' ': [86.85, 47.70],
|
||||||
|
'若羌县': [88.17, 39.02],
|
||||||
|
'上海': [121.4648, 31.2891],
|
||||||
|
'东莞': [113.8953, 22.901],
|
||||||
|
'东营': [118.7073, 37.5513],
|
||||||
|
'中山': [113.4229, 22.478],
|
||||||
|
'临汾': [111.4783, 36.1615],
|
||||||
|
'临沂': [118.3118, 35.2936],
|
||||||
|
'丹东': [124.541, 40.4242],
|
||||||
|
'丽水': [119.5642, 28.1854],
|
||||||
|
'乌鲁木齐': [87.9236, 43.5883],
|
||||||
|
'佛山': [112.8955, 23.1097],
|
||||||
|
'保定': [115.0488, 39.0948],
|
||||||
|
'兰州': [103.5901, 36.3043],
|
||||||
|
'包头': [110.3467, 41.4899],
|
||||||
|
'北京': [116.4551, 40.2539],
|
||||||
|
'北海': [109.314, 21.6211],
|
||||||
|
'南京': [118.8062, 31.9208],
|
||||||
|
'南宁': [108.479, 23.1152],
|
||||||
|
'南昌': [116.0046, 28.6633],
|
||||||
|
'南通': [121.1023, 32.1625],
|
||||||
|
'厦门': [118.1689, 24.6478],
|
||||||
|
'台州': [121.1353, 28.6688],
|
||||||
|
'合肥': [117.29, 32.0581],
|
||||||
|
'呼和浩特': [111.4124, 40.4901],
|
||||||
|
'咸阳': [108.4131, 34.8706],
|
||||||
|
'哈尔滨': [127.9688, 45.368],
|
||||||
|
'唐山': [118.4766, 39.6826],
|
||||||
|
'嘉兴': [120.9155, 30.6354],
|
||||||
|
'大同': [113.7854, 39.8035],
|
||||||
|
'大连': [122.2229, 39.4409],
|
||||||
|
'天津': [117.4219, 39.4189],
|
||||||
|
'太原': [112.3352, 37.9413],
|
||||||
|
'威海': [121.9482, 37.1393],
|
||||||
|
'宁波': [121.5967, 29.6466],
|
||||||
|
'宝鸡': [107.1826, 34.3433],
|
||||||
|
'宿迁': [118.5535, 33.7775],
|
||||||
|
'常州': [119.4543, 31.5582],
|
||||||
|
'广州': [113.5107, 23.2196],
|
||||||
|
'廊坊': [116.521, 39.0509],
|
||||||
|
'延安': [109.1052, 36.4252],
|
||||||
|
'张家口': [115.1477, 40.8527],
|
||||||
|
'徐州': [117.5208, 34.3268],
|
||||||
|
'德州': [116.6858, 37.2107],
|
||||||
|
'惠州': [114.6204, 23.1647],
|
||||||
|
'成都': [103.9526, 30.7617],
|
||||||
|
'扬州': [119.4653, 32.8162],
|
||||||
|
'承德': [117.5757, 41.4075],
|
||||||
|
'拉萨': [91.1865, 30.1465],
|
||||||
|
'无锡': [120.3442, 31.5527],
|
||||||
|
'日照': [119.2786, 35.5023],
|
||||||
|
'昆明': [102.9199, 25.4663],
|
||||||
|
'杭州': [119.5313, 29.8773],
|
||||||
|
'枣庄': [117.323, 34.8926],
|
||||||
|
'柳州': [109.3799, 24.9774],
|
||||||
|
'株洲': [113.5327, 27.0319],
|
||||||
|
'武汉': [114.3896, 30.6628],
|
||||||
|
'汕头': [117.1692, 23.3405],
|
||||||
|
'江门': [112.6318, 22.1484],
|
||||||
|
'沈阳': [123.1238, 42.1216],
|
||||||
|
'沧州': [116.8286, 38.2104],
|
||||||
|
'河源': [114.917, 23.9722],
|
||||||
|
'泉州': [118.3228, 25.1147],
|
||||||
|
'泰安': [117.0264, 36.0516],
|
||||||
|
'泰州': [120.0586, 32.5525],
|
||||||
|
'济南': [117.1582, 36.8701],
|
||||||
|
'济宁': [116.8286, 35.3375],
|
||||||
|
'海口': [110.3893, 19.8516],
|
||||||
|
'淄博': [118.0371, 36.6064],
|
||||||
|
'淮安': [118.927, 33.4039],
|
||||||
|
'深圳': [114.5435, 22.5439],
|
||||||
|
'清远': [112.9175, 24.3292],
|
||||||
|
'温州': [120.498, 27.8119],
|
||||||
|
'渭南': [109.7864, 35.0299],
|
||||||
|
'湖州': [119.8608, 30.7782],
|
||||||
|
'湘潭': [112.5439, 27.7075],
|
||||||
|
'滨州': [117.8174, 37.4963],
|
||||||
|
'潍坊': [119.0918, 36.524],
|
||||||
|
'烟台': [120.7397, 37.5128],
|
||||||
|
'玉溪': [101.9312, 23.8898],
|
||||||
|
'珠海': [113.7305, 22.1155],
|
||||||
|
'盐城': [120.2234, 33.5577],
|
||||||
|
'盘锦': [121.9482, 41.0449],
|
||||||
|
'石家庄': [114.4995, 38.1006],
|
||||||
|
'福州': [119.4543, 25.9222],
|
||||||
|
'秦皇岛': [119.2126, 40.0232],
|
||||||
|
'绍兴': [120.564, 29.7565],
|
||||||
|
'聊城': [115.9167, 36.4032],
|
||||||
|
'肇庆': [112.1265, 23.5822],
|
||||||
|
'舟山': [122.2559, 30.2234],
|
||||||
|
'苏州': [120.6519, 31.3989],
|
||||||
|
'莱芜': [117.6526, 36.2714],
|
||||||
|
'菏泽': [115.6201, 35.2057],
|
||||||
|
'营口': [122.4316, 40.4297],
|
||||||
|
'葫芦岛': [120.1575, 40.578],
|
||||||
|
'衡水': [115.8838, 37.7161],
|
||||||
|
'衢州': [118.6853, 28.8666],
|
||||||
|
'西宁': [101.4038, 36.8207],
|
||||||
|
'西安': [109.1162, 34.2004],
|
||||||
|
'贵阳': [106.6992, 26.7682],
|
||||||
|
'连云港': [119.1248, 34.552],
|
||||||
|
'邢台': [114.8071, 37.2821],
|
||||||
|
'邯郸': [114.4775, 36.535],
|
||||||
|
'郑州': [113.4668, 34.6234],
|
||||||
|
'鄂尔多斯': [108.9734, 39.2487],
|
||||||
|
'重庆': [107.7539, 30.1904],
|
||||||
|
'金华': [120.0037, 29.1028],
|
||||||
|
'铜川': [109.0393, 35.1947],
|
||||||
|
'银川': [106.3586, 38.1775],
|
||||||
|
'镇江': [119.4763, 31.9702],
|
||||||
|
'长春': [125.8154, 44.2584],
|
||||||
|
'长沙': [113.0823, 28.2568],
|
||||||
|
'长治': [112.8625, 36.4746],
|
||||||
|
'阳泉': [113.4778, 38.0951],
|
||||||
|
'青岛': [120.4651, 36.3373],
|
||||||
|
'韶关': [113.7964, 24.7028]
|
||||||
|
};
|
||||||
|
|
||||||
|
var BJData = [
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '新乡',
|
||||||
|
value: 200
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '呼和浩特',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '哈尔滨',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '石家庄',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '昆明',
|
||||||
|
value: 30
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '北京',
|
||||||
|
value: 100
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '长春',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '重庆',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '贵阳',
|
||||||
|
value: 50
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '南宁',
|
||||||
|
value: 30
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '济南',
|
||||||
|
value: 10
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '太原',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '西安',
|
||||||
|
value: 60
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '武汉',
|
||||||
|
value: 50
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '合肥',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '南京',
|
||||||
|
value: 30
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '沈阳',
|
||||||
|
value: 20
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新乡'
|
||||||
|
}, {
|
||||||
|
name: '成都',
|
||||||
|
value: 10
|
||||||
|
}]
|
||||||
|
];
|
||||||
|
|
||||||
|
var SHData = [
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '九江',
|
||||||
|
value: 200
|
||||||
|
}],
|
||||||
|
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '长沙',
|
||||||
|
value: 95
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '武汉',
|
||||||
|
value: 30
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '南昌',
|
||||||
|
value: 20
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '合肥',
|
||||||
|
value: 70
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '南京',
|
||||||
|
value: 60
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '福州',
|
||||||
|
value: 50
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '上海',
|
||||||
|
value: 100
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '九江'
|
||||||
|
}, {
|
||||||
|
name: '深圳',
|
||||||
|
value: 100
|
||||||
|
}],
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
var GZData = [
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '新疆玛纳斯基地',
|
||||||
|
value: 200
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: ' ',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: ' ',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '呼和浩特',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '昆明',
|
||||||
|
value: 40
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '成都',
|
||||||
|
value: 10
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '兰州',
|
||||||
|
value: 95
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '银川',
|
||||||
|
value: 90
|
||||||
|
}],
|
||||||
|
[{
|
||||||
|
name: '新疆玛纳斯基地'
|
||||||
|
}, {
|
||||||
|
name: '西宁',
|
||||||
|
value: 80
|
||||||
|
}],
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
var planePath = 'path://M.6,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705';
|
||||||
|
|
||||||
|
var convertData = function (data) {
|
||||||
|
var res = [];
|
||||||
|
for (var i = 0; i < data.length; i++) {
|
||||||
|
var dataItem = data[i];
|
||||||
|
var fromCoord = geoCoordMap[dataItem[0].name];
|
||||||
|
var toCoord = geoCoordMap[dataItem[1].name];
|
||||||
|
if (fromCoord && toCoord) {
|
||||||
|
res.push([{
|
||||||
|
coord: fromCoord
|
||||||
|
}, {
|
||||||
|
coord: toCoord
|
||||||
|
}]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return res;
|
||||||
|
};
|
||||||
|
|
||||||
|
var color = ['#3ed4ff', '#ffa022', '#a6c84c'];
|
||||||
|
var series = [];
|
||||||
|
[
|
||||||
|
['新乡', BJData],
|
||||||
|
['九江', SHData],
|
||||||
|
['新疆', GZData]
|
||||||
|
].forEach(function (item, i) {
|
||||||
|
series.push({
|
||||||
|
name: item[0] + ' Top10',
|
||||||
|
type: 'lines',
|
||||||
|
zlevel: 1,
|
||||||
|
effect: {
|
||||||
|
show: true,
|
||||||
|
period: 6,
|
||||||
|
trailLength: 0.7,
|
||||||
|
color: '#fff',
|
||||||
|
symbolSize: 3
|
||||||
|
},
|
||||||
|
lineStyle: {
|
||||||
|
normal: {
|
||||||
|
color: color[i],
|
||||||
|
width: 0,
|
||||||
|
curveness: 0.2
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: convertData(item[1])
|
||||||
|
}, {
|
||||||
|
name: item[0] + ' Top10',
|
||||||
|
type: 'lines',
|
||||||
|
zlevel: 2,
|
||||||
|
effect: {
|
||||||
|
show: true,
|
||||||
|
period: 6,
|
||||||
|
trailLength: 0,
|
||||||
|
symbol: planePath,
|
||||||
|
symbolSize: 15
|
||||||
|
},
|
||||||
|
lineStyle: {
|
||||||
|
normal: {
|
||||||
|
color: color[i],
|
||||||
|
width: 1,
|
||||||
|
opacity: 0.4,
|
||||||
|
curveness: 0.2
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: convertData(item[1])
|
||||||
|
}, {
|
||||||
|
name: item[0] + ' Top10',
|
||||||
|
type: 'effectScatter',
|
||||||
|
coordinateSystem: 'geo',
|
||||||
|
zlevel: 2,
|
||||||
|
rippleEffect: {
|
||||||
|
brushType: 'stroke'
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
position: 'right',
|
||||||
|
formatter: '{b}'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
symbolSize: function (val) {
|
||||||
|
return val[2] / 8;
|
||||||
|
},
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
color: color[i]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: item[1].map(function (dataItem) {
|
||||||
|
return {
|
||||||
|
name: dataItem[1].name,
|
||||||
|
value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
|
||||||
|
};
|
||||||
|
})
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
option = {
|
||||||
|
backgroundColor: '#080a20',
|
||||||
|
title: {
|
||||||
|
left: 'left',
|
||||||
|
textStyle: {
|
||||||
|
color: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'item'
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
orient: 'vertical',
|
||||||
|
top: 'bottom',
|
||||||
|
left: 'right',
|
||||||
|
data: ['北京 Top10', '上海 Top10', '广州 Top10'],
|
||||||
|
textStyle: {
|
||||||
|
color: '#fff'
|
||||||
|
},
|
||||||
|
selectedMode: 'single'
|
||||||
|
},
|
||||||
|
geo: {
|
||||||
|
map: 'china',
|
||||||
|
zoom: 1.2,
|
||||||
|
label: {
|
||||||
|
emphasis: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
roam: true,
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
areaColor: '#142957',
|
||||||
|
borderColor: '#0692a4'
|
||||||
|
},
|
||||||
|
emphasis: {
|
||||||
|
areaColor: '#0b1c2d'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
series: series
|
||||||
|
};
|
||||||
|
// var myecharts = echarts.init($('.map .geo')[0])
|
||||||
|
// myecharts.setOption(option)
|
||||||
Loading…
Reference in New Issue
Block a user