|
|
@@ -9,7 +9,7 @@
|
|
9
|
9
|
GetTypeCountByYq
|
|
10
|
10
|
} from "../api/dataAnalysis/monitorData.js";
|
|
11
|
11
|
import * as echarts from "echarts";
|
|
12
|
|
- import shengfen from "@/assets/zhengzhou.json"; //地图包
|
|
|
12
|
+ import shengfen from "@/assets/zhengzhouCity.json"; //地图包
|
|
13
|
13
|
export default {
|
|
14
|
14
|
name: "Home",
|
|
15
|
15
|
props: {
|
|
|
@@ -75,8 +75,6 @@
|
|
75
|
75
|
this.getDate(this.yqidArr[i])
|
|
76
|
76
|
}
|
|
77
|
77
|
},360000)
|
|
78
|
|
-
|
|
79
|
|
- // this.getTraffic()
|
|
80
|
78
|
},
|
|
81
|
79
|
watch: {
|
|
82
|
80
|
searchData(val, oval) {
|
|
|
@@ -86,9 +84,6 @@
|
|
86
|
84
|
this.getDate(this.yqidArr[i])
|
|
87
|
85
|
}
|
|
88
|
86
|
},
|
|
89
|
|
- // "state": function() {
|
|
90
|
|
- // this.getTraffic()
|
|
91
|
|
- // }
|
|
92
|
87
|
},
|
|
93
|
88
|
mounted() {
|
|
94
|
89
|
// this.initCharts()
|
|
|
@@ -229,7 +224,6 @@
|
|
229
|
224
|
initCharts() {
|
|
230
|
225
|
let this_ = this;
|
|
231
|
226
|
const charts = this.$echarts.init(document.getElementById("main"));
|
|
232
|
|
- let airData = []
|
|
233
|
227
|
const option = {
|
|
234
|
228
|
// 背景颜色
|
|
235
|
229
|
// backgroundColor: "#010e2d",
|
|
|
@@ -306,12 +300,12 @@
|
|
306
|
300
|
// 地图配置
|
|
307
|
301
|
geo: {
|
|
308
|
302
|
map: "郑州",
|
|
309
|
|
- aspectScale: 1.3, //长宽比,0.75的含义为宽是高的0.75,假如高为100,宽就只有75;0.5的含义就是宽只有高的一半,假如高为100,宽就只有50
|
|
310
|
|
- zoom: 1.5, //视觉比例大小,1.2即为原有大小的1.2倍
|
|
|
303
|
+ aspectScale: 1.10, //长宽比,0.75的含义为宽是高的0.75,假如高为100,宽就只有75;0.5的含义就是宽只有高的一半,假如高为100,宽就只有50
|
|
|
304
|
+ zoom: 4.0, //视觉比例大小,1.2即为原有大小的1.2倍
|
|
311
|
305
|
roam: true, //是否开启鼠标缩放和平移漫游。默认不开启。可以不用设置,如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。
|
|
312
|
|
- // center: [113.7026, 34.795015], //设置地图中心点坐标,容器中心点
|
|
313
|
|
- top: '12%',
|
|
314
|
|
- right: '-2%',
|
|
|
306
|
+ center: [113.7026, 34.795015], //设置地图中心点坐标,容器中心点
|
|
|
307
|
+ top: '-8%',
|
|
|
308
|
+ // right: '-2%',
|
|
315
|
309
|
regions: [{
|
|
316
|
310
|
// name: '中原区', //与china.js对应的省份名称
|
|
317
|
311
|
// itemStyle: {
|
|
|
@@ -352,8 +346,25 @@
|
|
352
|
346
|
},
|
|
353
|
347
|
},
|
|
354
|
348
|
series: [{
|
|
355
|
|
- symbol: 'image://' + require('../assets/imgs/地点标识.png'), // 自定义图片作为标注展示
|
|
356
|
|
- symbolSize: [35, 60], // 调整图片的长宽
|
|
|
349
|
+ // symbol: 'image://' + require('../assets/imgs/地点标识.png'), // 自定义图片作为标注展示
|
|
|
350
|
+ symbol: function(params) {
|
|
|
351
|
+ if(params[0] == '113.7026' || params[0] == '113.77377' || params[0] == '113.741594'
|
|
|
352
|
+ || params[0] == '113.7226' || params[0] == '113.69035' || params[0] == '113.7396') {
|
|
|
353
|
+ return 'image://' + require('../assets/imgs/地点标识.png')
|
|
|
354
|
+ } else {
|
|
|
355
|
+ return 'image://' + require('../assets/imgs/posi3.png')
|
|
|
356
|
+ }
|
|
|
357
|
+ },
|
|
|
358
|
+ symbolSize: function(params) {
|
|
|
359
|
+ console.log(params)
|
|
|
360
|
+ if(params[0] == '113.7026' || params[0] == '113.77377' || params[0] == '113.741594'
|
|
|
361
|
+ || params[0] == '113.7226' || params[0] == '113.69035' || params[0] == '113.7396') {
|
|
|
362
|
+ return [35, 60]
|
|
|
363
|
+ } else {
|
|
|
364
|
+ return [20, 18]
|
|
|
365
|
+ }
|
|
|
366
|
+ },
|
|
|
367
|
+ // symbolSize: [35, 60], // 调整图片的长宽
|
|
357
|
368
|
symbolOffset: [0, '-50%'], // 调整标注图片的位移方向 大小
|
|
358
|
369
|
type: 'scatter',
|
|
359
|
370
|
coordinateSystem: 'geo',
|
|
|
@@ -444,12 +455,102 @@
|
|
444
|
455
|
position: 'bottom'
|
|
445
|
456
|
}
|
|
446
|
457
|
},
|
|
|
458
|
+ {
|
|
|
459
|
+ name:'高新法院驿站',
|
|
|
460
|
+ value: [113.75453,34.774288],
|
|
|
461
|
+ },
|
|
|
462
|
+ {
|
|
|
463
|
+ name:'郑州市公安局驿站',
|
|
|
464
|
+ value: [113.602611,34.765862],
|
|
|
465
|
+ },
|
|
|
466
|
+ {
|
|
|
467
|
+ name:'政协驿站',
|
|
|
468
|
+ value: [113.643916,34.726732],
|
|
|
469
|
+ },
|
|
|
470
|
+ {
|
|
|
471
|
+ name:'交警六大队支队驿站',
|
|
|
472
|
+ value: [113.798723,34.839641],
|
|
|
473
|
+ },
|
|
|
474
|
+ {
|
|
|
475
|
+ name:'铁警驿站',
|
|
|
476
|
+ value: [113.705199,34.581138],
|
|
|
477
|
+ },
|
|
|
478
|
+ {
|
|
|
479
|
+ name:'管城区法院驿站',
|
|
|
480
|
+ value: [113.681532,34.759913],
|
|
|
481
|
+ },
|
|
|
482
|
+ {
|
|
|
483
|
+ name:'移动驿站',
|
|
|
484
|
+ value: [113.789084,34.801636],
|
|
|
485
|
+ },
|
|
|
486
|
+ {
|
|
|
487
|
+ name:'交警支队驿站',
|
|
|
488
|
+ value: [113.690882,34.681848],
|
|
|
489
|
+ },
|
|
|
490
|
+ {
|
|
|
491
|
+ name:'联通驿站',
|
|
|
492
|
+ value: [113.717104,34.747993],
|
|
|
493
|
+ },
|
|
|
494
|
+ {
|
|
|
495
|
+ name:'华北水利水电大学驿站',
|
|
|
496
|
+ value: [113.681002,34.838443],
|
|
|
497
|
+ },
|
|
|
498
|
+ {
|
|
|
499
|
+ name:'邮政驿站',
|
|
|
500
|
+ value: [113.56819,34.823408],
|
|
|
501
|
+ },
|
|
|
502
|
+ {
|
|
|
503
|
+ name:'客运段驿站',
|
|
|
504
|
+ value: [113.596358,34.715025],
|
|
|
505
|
+ },
|
|
|
506
|
+ {
|
|
|
507
|
+ name:'西藏干休所驿站',
|
|
|
508
|
+ value: [113.557497,34.757481],
|
|
|
509
|
+ },
|
|
|
510
|
+ {
|
|
|
511
|
+ name:'商贸管理学院驿站',
|
|
|
512
|
+ value: [113.753609,34.659654],
|
|
|
513
|
+ },
|
|
|
514
|
+ {
|
|
|
515
|
+ name:'公安局二七分局驿站',
|
|
|
516
|
+ value: [113.632862,34.694089],
|
|
|
517
|
+ },
|
|
|
518
|
+ {
|
|
|
519
|
+ name:'安和养老驿站',
|
|
|
520
|
+ value: [113.886963,34.77404],
|
|
|
521
|
+ },
|
|
|
522
|
+ {
|
|
|
523
|
+ name:'河南信息统计学院健康驿站',
|
|
|
524
|
+ value: [113.653141,34.804777],
|
|
|
525
|
+ },
|
|
|
526
|
+ {
|
|
|
527
|
+ name:'中行花园支行驿站',
|
|
|
528
|
+ value: [113.668864,34.77967],
|
|
|
529
|
+ },
|
|
|
530
|
+ {
|
|
|
531
|
+ name:'郑州市实验高中健康驿站',
|
|
|
532
|
+ value: [113.649252,34.872115],
|
|
|
533
|
+ },
|
|
|
534
|
+ {
|
|
|
535
|
+ name:'嵩山路学校驿站',
|
|
|
536
|
+ value: [113.611333,34.656956],
|
|
|
537
|
+ },
|
|
|
538
|
+ {
|
|
|
539
|
+ name:'国开驿站',
|
|
|
540
|
+ value: [113.720429,34.779342],
|
|
|
541
|
+ },
|
|
|
542
|
+ {
|
|
|
543
|
+ name:'郑州市五院社区服务',
|
|
|
544
|
+ value: [113.637801,34.771538],
|
|
|
545
|
+ },
|
|
|
546
|
+ {
|
|
|
547
|
+ name:'旅游学院驿站',
|
|
|
548
|
+ value: [113.904394,34.810228],
|
|
|
549
|
+ }
|
|
447
|
550
|
]
|
|
448
|
|
-
|
|
449
|
551
|
// selectedMode: false, //取消地图区域点击事件
|
|
450
|
552
|
// geoIndex: 0, //将数据和第0个geo配置关联在一起
|
|
451
|
553
|
// type: 'map',
|
|
452
|
|
- // data: this.airData,
|
|
453
|
554
|
}, ],
|
|
454
|
555
|
};
|
|
455
|
556
|
// 地图注册,第一个参数的名字必须和option.geo.map一致
|
|
|
@@ -465,29 +566,6 @@
|
|
465
|
566
|
console.log(params.data.label.formatter);
|
|
466
|
567
|
let yqname = params.data.label.formatter
|
|
467
|
568
|
this_.getDate()
|
|
468
|
|
- //逻辑控制
|
|
469
|
|
- // switch (yqname) {
|
|
470
|
|
- // case '总院':
|
|
471
|
|
- // // this_.yqid = '1';
|
|
472
|
|
- // this_.yqid = '4005';
|
|
473
|
|
- // break;
|
|
474
|
|
- // case '郑东院区':
|
|
475
|
|
- // this_.yqid = '4004';
|
|
476
|
|
- // break;
|
|
477
|
|
- // case '南部院区':
|
|
478
|
|
- // this_.yqid = '4006';
|
|
479
|
|
- // break;
|
|
480
|
|
- // case '北院区':
|
|
481
|
|
- // this_.yqid = '4008';
|
|
482
|
|
- // break;
|
|
483
|
|
- // case '紫宸社区':
|
|
484
|
|
- // this_.yqid = '4010';
|
|
485
|
|
- // break;
|
|
486
|
|
- // case '北林社区':
|
|
487
|
|
- // this_.yqid = '4012';
|
|
488
|
|
- // break;
|
|
489
|
|
- // }
|
|
490
|
|
- // this_.getDate()
|
|
491
|
569
|
});
|
|
492
|
570
|
},
|
|
493
|
571
|
|