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
| "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 = { '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: ['PM25', 'PM10', 'NO2', 'CO', 'SO2']
| , 1004: ['PM25', 'PM10', 'NO', 'NO2', 'NOX', 'CO']
| , 1005: ['PM25', 'PM10', 'NO', 'NO2', 'NOX', 'CO']
| , 1006: ['PM25', 'PM10', 'NO', 'NO2', 'NOX', 'CO']
| }
|
| var echart_lines_color_list =
| {
| 1001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
| , 1002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
| , 1003: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
| , 1004: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 1005: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
| , 1006: ['#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 };
|
| function bindPopupFunction(event) {
|
| let layerid = event.layer.options.id;
| let item = event.graphic?.attr;
| let qindex = event.layer.options.style_selected;
| if (!item) {
| return "";
| }
| if (layerid == 1001) {
|
| return "<table>" +
| "<tr><td>编号：</td><td>" + item["code"] + "</td><td></td></tr>" +
| "<tr><td>名称：</td><td>" + item["name"] + "</td><td></td></tr>" +
| "<tr><td>时间：</td><td>" + item["datatime"] + "</td><td></td></tr>" +
| "<tr><td>PM2.5：</td><td>" + item["pm25"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>PM10：</td><td>" + item["pm10"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>NO2：</td><td>" + item["no2"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>CO：</td><td>" + item["co"] + "</td><td>mg/m3</td></tr>" +
| "<tr><td>SO2</td><td>" + item["so2"] + "</td><td>ug/m3</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"] +
| "<br />PM2.5:" +
| item["PM25"] + "ug/m3" +
| "<br />PM10:" +
| item["PM10"] + "ug/m3" +
| "<br />NO2:" +
| item["NO2"] + "ug/m3" +
| "<br />CO:" +
| item["CO"] + "mg/m3" +
| "<br />SO2:" +
| item["SO2"] + "ug/m3" +
| "<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 />PM2.5:" +
| item["PM25"] + "ug/m3" +
| "<br />PM10:" +
| item["PM10"] + "ug/m3" +
| "<br />NO2:" +
| item["NO2"] + "ug/m3" +
| "<br />CO:" +
| item["CO"] + "ug/m3" +
| "<br />SO2:" +
| item["SO2"] + "ug/m3" +
| "<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 "<table>" +
| "<tr><td>编号：</td><td>" + item["code"] + "</td><td></td></tr>" +
| "<tr><td>时间：</td><td>" + item["datatime"] + "</td><td></td></tr>" +
| "<tr><td>车速：</td><td>" + item["speed"] + "</td><td>km/h</td></tr>" +
| "<tr><td>PM2.5：</td><td>" + item["pm25"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>PM10：</td><td>" + item["pm10"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>NO：</td><td>" + item["no"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>NO2：</td><td>" + item["no2"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>NOx</td><td>" + item["nox"] + "</td><td>ug/m3</td></tr>" +
| "<tr><td>CO：</td><td>" + item["co"] + "</td><td>mg/m3</td></tr>" +
| "</table>" +
| "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";
|
| } else {
|
| return "站点编号：" +
| item["code"] +
| "<br />站点名称：" +
| item["name"] +
| "<br />数据时间：" +
| item["datatime"] +
| "<br />PM2.5:" +
| item["PM25"] + "ug/m3" +
| "<br />PM10:" +
| item["PM10"] + "ug/m3" +
| "<br />NO2:" +
| item["NO2"] + "ug/m3" +
| "<br />CO:" +
| item["CO"] + "ug/m3" +
| "<br />SO2:" +
| item["SO2"] + "ug/m3" +
| "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a><a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
| }
| }
|
|
