1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
| "use script"; //开发环境建议开启严格模式
| //系统 功能入口
|
|
| var allLayer_color_nodata = '#C0C0C0';
| var color_list_1001 = ['#0EE839', '#FEFE23', '#FD9D00', '#F70F0D', '#8A0B73', '#88041E'];
| var color_list_1002 = ['#0dd4f7', '#078901', '#FFFF00', '#fe7c23', '#F70F0D', '#88041E'];
| var color_list_1003 = ['#0EE839', '#FEFE23', '#F70F0D'];
| var color_list_1004_and_other = ['#0dd4f7', '#23fe9f', '#078901', '#d4fe23', '#FFFF00', '#febf23', '#fe7c23', '#F70F0D', '#8A0B73', '#88041E'];
|
| var qindex_range_list_1001 = { 'pm25': [35, 75, 115, 150, 250], 'pm10': [50, 150, 250, 350, 420], 'no2': [100, 200, 700, 1200, 2340], 'co': [5, 10, 35, 60, 90] };
| var qindex_range_list_1002 = { 'pm25': [10, 20, 50, 80, 100], 'pm10': [20, 50, 80, 150, 200], 'no2': [25, 50, 100, 150, 300], 'co': [0.5, 0.6, 0.8, 1, 1.5] };
| var qindex_range_list_1003 = { ' ': [1, 2], 'tsp': [0.2, 0.5] };
| var qindex_range_list_1004_and_other = { 'pm25': [15, 35, 50, 75, 150, 250, 350, 500, 700], 'pm10': [20, 50, 100, 150, 200, 300, 500, 800, 1000], 'no': [10, 30, 60, 100, 200, 500, 1000, 2000, 3500], 'no2': [20, 80, 110, 150, 200, 250, 300, 400, 500], 'nox': [80, 110, 130, 150, 200, 500, 1000, 2000, 5000], 'co': [0.2, 0.4, 0.6, 0.8, 1, 1.5, 2.5, 4, 6] };
|
| var all_layer_legends = {
| 1001: ['pm25', 'pm10', 'no2', 'co', 'so2']
| , 1002: ['pm25', 'pm10', 'no2', 'co', 'so2']
| , 1003: ['', 'tsp']
| , 1004: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| , 1005: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| , 1006: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| , 3001: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| , 3002: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| , 3003: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
| }
|
| var echart_lines_color_list =
| {
| 1001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
| , 1002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
| , 1003: ['#00EE00']
| , 1004: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 1005: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 1006: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100600: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100601: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100602: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100603: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100604: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100605: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100607: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100610: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 100611: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 3001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 3002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 3003: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| }
|
| var default_system_params = { geoserver_url_predix: 'http://58.246.27.194:7011/', nodejs_url_predix: 'http://58.246.27.194:7012/', userid: 2, queryDataType: 'hour', weathercitycode: '101020100', wind360: 0, windSpeed: 10, is_single_taxi_replaying: false,summary_topN_count :50};
| var default_grid_camerview = {grid5000:{"lat":30.306622,"lng":121.251151,"alt":180451,"heading":2,"pitch":-61},grid3000:{"lat":31.076898,"lng":121.418675,"alt":36483,"heading":2,"pitch":-61},grid1000:{"lat":31.216173,"lng":121.350382,"alt":8883,"heading":2,"pitch":-60}};
|
| function bindPopupFunction(event) {
|
| let layerid = event.layer.options.id;
| let item = event.graphic?.attr;
| let qindex = event.layer.options.style_selected;
| if (!item) {
| return "";
| }
| item = changeNullAndundefinedToEmpty(item);
| if (layerid == 1001) {
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</sup></td></tr>" +
| "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>CO：</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m³</td></tr>" +
| "<tr><td>SO<SUB>2</SUB>： </td><td align= right>" + item["so2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "</table>" +
| "<br/><p><a href='#' onclick='javascript:showDetail(1001,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
|
|
|
| } else if (layerid == 1002) {
|
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>CO：</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m³</td></tr>" +
| "<tr><td>SO<SUB>2</SUB>： </td><td align= right>" + item["so2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>O<SUB>3</SUB>： </td><td align= right>" + item["o3"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "</table>" +
| "<br /><br /><p><a href='#' onclick='javascript:showDetail(1002,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
|
|
|
| } else if (layerid == 1003) {
|
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<br />TSP：" +
| item["tsp"] + ' ' + "mg/m³" +
| "<br /><br /><p><a href='#' onclick='javascript:showDetail(1003,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
|
|
| } else if (layerid == 1004) {
|
| return "编号：" +
| item["code"] +
| "<br />时间：" +
| item["datatime"] +
| "<br />车速：" +
| item["speed"] +
| "<table>" +
| "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO：</td><td align= right>" + item["no"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>CO：</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m³</td></tr>" +
| "</table>" +
| "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹查询</a></p>";
|
|
| }else if(layerid == 3001 || layerid == 3002 || layerid == 3003 ) {
|
| return "数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>CO：</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m³</td></tr>" +
| "<tr><td>NO<SUB>x</SUB>：</td><td align= right>" + item["nox"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO：</td><td align= right>" + item["no"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "</table>" +
| "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
| } else {
|
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>CO：</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m³</td></tr>" +
| "<tr><td>NO<SUB>x</SUB>：</td><td align= right>" + item["nox"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO：</td><td align= right>" + item["no"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "</table>" +
| "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
| }
| }
|
|
