"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']
|
}
|
|
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']
|
, 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']
|
}
|
|
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) {
|
if(item["datatime"] == null){
|
return "站点编号：" +
|
item["code"] +
|
"<br />站点名称：" +
|
item["name"] +
|
"<br />数据时间：" + "/" +
|
"<table>" +
|
"<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</sup></td></tr>" +
|
"<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>CO：</td><td align= right>" + "/" + ' ' + "</td><td>mg/m³</td></tr>" +
|
"<tr><td>SO<SUB>2</SUB>： </td><td align= right>" + "/" + ' ' + "</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{
|
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) {
|
if(item["datatime"] == null){
|
return "站点编号：" +
|
item["code"] +
|
"<br />站点名称：" +
|
item["name"] +
|
"<br />数据时间：" + "/" +
|
"<table>" +
|
"<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>CO：</td><td align= right>" + "/" + ' ' + "</td><td>mg/m³</td></tr>" +
|
"<tr><td>SO<SUB>2</SUB>： </td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>O<SUB>3</SUB>： </td><td align= right>" + "/" + ' ' + "</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{
|
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) {
|
if(item["datatime"] == null){
|
return "站点编号：" +
|
item["code"] +
|
"<br />站点名称：" +
|
item["name"] +
|
"<br />数据时间：" + "/" +
|
"<br />TSP：" + "/" + ' ' + "mg/m³" +
|
"<br /><br /><p><a href='#' onclick='javascript:showDetail(1003,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
|
|
}else{
|
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) {
|
if(item["datatime"] == null){
|
return "编号：" +
|
item["code"] +
|
"<br />时间：" + "/" +
|
"<br />车速：" + "/" +
|
"<table>" +
|
"<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + "/" + ' '+ "</td><td>μg/m³</td></tr>" +
|
"<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO<SUB>2</SUB>：</td><td align= right>" +"/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO<SUB>x</SUB>: </td><td align= right>" + "/" + ' '+ "</td><td>μg/m³</td></tr>" +
|
"<tr><td>CO：</td><td align= right>" + "/" + ' ' + "</td><td>mg/m³</td></tr>" +
|
"</table>" +
|
"<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";
|
}else{
|
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(item["datatime"] == null){
|
return "站点编号：" +
|
item["code"] +
|
"<br />站点名称：" +
|
item["name"] +
|
"<br />数据时间：" + "/" +
|
"<table>" +
|
"<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + "/" + ' '+ "</td><td>μg/m³</td></tr>" +
|
"<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + "/" + ' ' + "</td><td>μg/m³</td></tr>" +
|
"<tr><td>CO：</td><td align= right>" + "/" + ' ' + "</td><td>mg/m³</td></tr>" +
|
"<tr><td>NO<SUB>x</SUB>：</td><td align= right>" + "/" + ' '+ "</td><td>μg/m³</td></tr>" +
|
"<tr><td>NO：</td><td align= right>" + "/" + ' ' + "</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>";
|
}
|
}
|
}
|
