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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
| "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 array = ['1000','3000','5000','500']
| var grid;
|
| // 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_1001 = { '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], 'so2': [5, 8, 10, 12, 15], 'no2': [10, 35, 65, 100, 200] };
| 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], 'so2': [5, 8, 10, 12, 15], 'no2': [10, 35, 65, 100, 200] };
| 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',"o31"]
| , 1002: ['pm25', 'pm10', 'no2', 'co', 'so2',"o3"]
| , 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']
| , 3000: ['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']
| , 3000: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| }
| var tiandituArr = ['51915011aa0997aa2ddd7e38504fa8bc', '51915011aa0997aa2ddd7e38504fa8bc']
| // http://112.74.77.127:8090/ http://223.167.111.168:7002/
| var default_system_params = { geoserver_url_predix: 'http://223.167.111.168:7001/', nodejs_url_predix: 'http://223.167.111.168:7002/', userid: 2, queryDataType: 'hour', weathercitycode: '101020100', wind360: 0, windSpeed: 10, is_single_taxi_replaying: false,summary_topN_count :50, un_authorization_url: 'http://223.167.111.168:8016/PollutionData/loginpage.aspx?returnurl=http://223.167.111.168:8004/shanghai/index.html',regionCode:0,timetype:"min"};
| var default_grid_camerview = {grid5000:{"lat":30.367931,"lng":121.518409,"alt":128482,"heading":2,"pitch":-57},grid3000:{"lat":30.902475,"lng":121.487751,"alt":38716,"heading":2,"pitch":-57},grid1000:{"lat":31.066346,"lng":121.462529,"alt":10026,"heading":2,"pitch":-57},grid500:{"lat":31.112561,"lng":121.458433,"alt":2483,"heading":2,"pitch":-57}};
|
| function bindPopupFunction(event) {
| let layerid = event.layer.options.id;
| let item = event.graphic?.attr;
| let qindex = event.layer.options.style_selected;
| console.log(item["datatime"],"poup.item")
| // console.log(event)
| if (!item) {
| return "";
| }
| item = changeNullAndundefinedToEmpty(item);
| let item_time = item["datatime"].split(" ")
| console.log(item_time,"poup.item")
| if(item_time[1] === "00:00:00"){
| item["datatime"] = item_time[0]
| }
| console.log(item["datatime"],"after")
| if (layerid == 1001) {
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM₂.₅：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</sup></td></tr>" +
| "<tr><td>PM₁₀：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO₂：</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₂：</td><td align= right>" + item["so2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>O₃：</td><td align= right>" + item["o31"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "</table>" +
| "<br/><p><a href='#' onclick='javascript:showDetail(1001,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a></p>";
|
| } else if (layerid == 1002) {
|
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM₂.₅：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM₁₀：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO₂：</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₂：</td><td align= right>" + item["so2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>O₃：</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></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></p>";
|
| } else if (layerid == 1004) {
|
| return "编号：" +
| item["code"] +
| "<br />时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>车速：</td><td align= right>" + item["speed"] + ' ' + "</td><td>km/h</td></tr>" +
| "<tr><td>PM₂.₅：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM₁₀：</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₂：</td><td align= right>" + item["no2"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NOₓ: </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 || layerid == 3000) {
| for(i = 0;i<=array.length;i++){
| if(layerid == 3001){
| grid = array[0]
| }else if(layerid == 3002){
| grid = array[1]
| }else if(layerid == 3003){
| grid = array[2]
| }else{
| grid = array[3]
| }
| }
| console.log(grid,"grid")
| return grid + "米网格 <br/><br /> grid_id："+item["grid_id"]+
| "<br />数据时间：" +
| item["datatime"] +
| "<table>" +
| "<tr><td>PM₂.₅：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM₁₀：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO₂：</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ₓ：</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>" +
| "<tr><td>备注：</td><td align= right>" + item["remarks"] + ' ' + "</td><td></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₂.₅：</td><td align= right>" + item["pm25"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>PM₁₀：</td><td align= right>" + item["pm10"] + ' ' + "</td><td>μg/m³</td></tr>" +
| "<tr><td>NO₂：</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ₓ：</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>";
| }
| }
|
|
