$(document).ready(function() {
// 대기환경정보 getJSON
jQuery.getJSON("/seoul_opneAPI_json.jsp?mode=atmospheric", function(data) {
var atmosphericStatus = data.ListAirQualityByDistrictService.RESULT;
var atmosphericInfo = data.ListAirQualityByDistrictService.row[0];
if(atmosphericStatus.CODE == 'INFO-000') {
// 공통 list_total_count 총 데이터 건수 (정상조회 시 출력됨)
// 공통 RESULT.CODE 요청결과 코드 (하단 메세지설명 참고)
// 공통 RESULT.MESSAGE 요청결과 메시지 (하단 메세지설명 참고)
// 1 MSRDATE 측정날짜
// 2 MSRADMCODE 측정소 행정코드
// 3 MSRSTENAME 측정소명
// 4 MAXINDEX 통합대기환경지수
// 5 GRADE 통합대기환경지수 등급
// 6 POLLUTANT 지수결정물질
// 7 NITROGEN 이산화질소(단위:ppm)
// 8 OZONE 오존(단위:ppm)
// 9 CARBON 일산화탄소(단위:ppm)
// 10 SULFUROUS 아황산가스(단위:ppm)
// 11 PM10 미세먼지(단위:㎍/㎥)
// 12 PM25 초미세먼지(단위:㎍/㎥)
// HTML 만들기
var topRollinfoHTML = "";
var topAtmosphericInfoHTML = "";
var CAIFontColor = ""; // 통합대기환경지수
var PM10FontColor = ""; // 미세먼지
var PM10GradeText = ""; // 미세먼지 등급
var PM25FontColor = ""; // 초미세먼지
var PM25GradeText = ""; // 초미세먼지 등급
var OZONEFontColor = ""; // 오존
var OZONEGradeText = ""; // 오존 등급
// 통합대기환경지수
if(atmosphericInfo.MAXINDEX <= 50) CAIFontColor = "#16507E"; // 좋음(B)
else if(atmosphericInfo.MAXINDEX <= 100) CAIFontColor = "#2F6200"; // 보통(G)
else if(atmosphericInfo.MAXINDEX <= 250) CAIFontColor = "#FFCC33"; // 나쁨(Y)
else if(atmosphericInfo.MAXINDEX > 250) CAIFontColor = "#FF4001"; // 매우나쁨(R)
else CAIFontColor = "#000000";
// 미세먼지
if(atmosphericInfo.PM10 <= 30) {
PM10FontColor = "#16507E"; // 좋음(B)
PM10GradeText = "좋음";
} else if(atmosphericInfo.PM10 <= 80) {
PM10FontColor = "#2F6200"; // 보통(G)
PM10GradeText = "보통";
} else if(atmosphericInfo.PM10 <= 150) {
PM10FontColor = "#FFCC33"; // 나쁨(Y)
PM10GradeText = "나쁨";
} else if(atmosphericInfo.PM10 > 150) {
PM10FontColor = "#FF4001"; // 매우나쁨(R)
PM10GradeText = "매우나쁨";
} else {
PM10FontColor = "#000000";
PM10GradeText = "점검중";
}
// 초미세먼지
if(atmosphericInfo.PM25 <= 15) {
PM25FontColor = "#16507E"; // 좋음(B)
PM25GradeText = "좋음";
} else if(atmosphericInfo.PM25 <= 35) {
PM25FontColor = "#2F6200"; // 보통(G)
PM25GradeText = "보통";
} else if(atmosphericInfo.PM25 <= 75) {
PM25FontColor = "#FFCC33"; // 나쁨(Y)
PM25GradeText = "나쁨";
} else if(atmosphericInfo.PM25 > 75) {
PM25FontColor = "#FF4001"; // 매우나쁨(R)
PM25GradeText = "매우나쁨";
} else {
PM25FontColor = "#000000";
PM25GradeText = "점검중";
}
/*
// 오존
if(atmosphericInfo.OZONE <= 0.030) {
OZONEFontColor = "#16507E"; // 좋음(B)
OZONEGradeText = "좋음";
} else if(atmosphericInfo.OZONE <= 0.090) {
OZONEFontColor = "#2F6200"; // 보통(G)
OZONEGradeText = "보통";
} else if(atmosphericInfo.OZONE <= 0.150) {
OZONEFontColor = "#FFCC33"; // 나쁨(Y)
OZONEGradeText = "나쁨";
} else if(atmosphericInfo.OZONE > 0.150) {
OZONEFontColor = "#FF4001"; // 매우나쁨(R)
OZONEGradeText = "매우나쁨";
} else {
OZONEFontColor = "#000000";
OZONEGradeText = "점검중";
}
*/
//topRollinfoHTML += "미세먼지 " + atmosphericInfo.PM10 + "㎍/㎥
";
//topRollinfoHTML += "초미세먼지 " + atmosphericInfo.PM25 + "㎍/㎥
";
//topRollinfoHTML += "오존 " + atmosphericInfo.OZONE + "ppm
";
//topAtmosphericInfoHTML += "";
//topAtmosphericInfoHTML += " 초미세먼지 ";
//topAtmosphericInfoHTML += " " + PM10GradeText + "";
//topAtmosphericInfoHTML += "";
topRollinfoHTML += "초미세먼지 " + PM25GradeText + "";
topAtmosphericInfoHTML += "미세먼지 " + PM10GradeText + "";
$("#top_roll_info").html(topRollinfoHTML);
$("#top_atmospheric_info").html(topAtmosphericInfoHTML);
// 텍스트 슬라이드
/*$(".dust_ls").bxSlider({
mode: "vertical",
auto: true,
pager: false,
autoControls: true,
});*/
}
}); // end of getJSON
// 상단 날씨 영역: 초단기실황(T1H 기온, PTY 강수형태) getJSON
var tempNRainStatus = "";
var tempNRainInfo = "";
var skyStatus = "";
var skyInfo = "";
jQuery.getJSON("/seoul_opneAPI_json.jsp?mode=tempNRain", function(data) {
tempNRainStatus = data.response.header;
tempNRainInfo = data.response.body.items.item;
var varSky = "";
var varTemp = "";
var varRain = "";
var weatherImgName = "";
var weatherText = "";
if(tempNRainStatus.resultCode == '0000') {
for(var i=0; tempNRainInfo.length > i; ++i) {
if(tempNRainInfo[i].category == 'T1H' && varTemp=="") {
//console.log("temp>>>"+tempNRainInfo[i].category + ">>>" + tempNRainInfo[i].fcstValue + ">>>" + tempNRainInfo[i].obsrValue);
var fcstValue = tempNRainInfo[i].fcstValue;
var obsrValue = tempNRainInfo[i].obsrValue;
if(typeof fcstValue !== "undefined") varTemp = fcstValue;
else varTemp = obsrValue;
if(varTemp < -30) varTemp = "-";
else varTemp = varTemp + "℃"
} else if(tempNRainInfo[i].category == 'PTY' && varRain=="") {
//console.log("Rain>>>"+tempNRainInfo[i].category + ">>>" + tempNRainInfo[i].fcstValue + ">>>" + tempNRainInfo[i].obsrValue);
var fcstValue = tempNRainInfo[i].fcstValue;
var obsrValue = tempNRainInfo[i].obsrValue;
if(typeof fcstValue !== "undefined") varRain = fcstValue;
else varRain = obsrValue;
}
}
// 상단 날씨 영역: 초단기예보(SKY 하늘상태) getJSON
jQuery.getJSON("/seoul_opneAPI_json.jsp?mode=sky", function(data) {
skyStatus = data.response.header;
skyInfo = data.response.body.items.item;
if(skyStatus.resultCode == '0000') {
for(var i=0; skyInfo.length > i; ++i) {
if(skyInfo[i].category == 'SKY' && varSky == "") {
//console.log("sky>>>"+skyInfo[i].category + ">>>" + skyInfo[i].fcstValue + ">>>" + skyInfo[i].obsrValue);
var fcstValue = skyInfo[i].fcstValue;
var obsrValue = skyInfo[i].obsrValue;
if(typeof fcstValue !== "undefined") varSky = fcstValue;
else varSky = obsrValue;
}
}
}
// 날씨 아이콘
if(varRain == 0) {
// 하늘상태(SKY) 코드 : 맑음(1), 구름조금(2), 구름많음(3), 흐림(4)
// 2019. 6.4.(화) 부터 하늘상태 구름조금 삭제
if(varSky == 1) {
weatherImgName = "NB01.png";
weatherText = "맑음";
} else if(varSky == 2) {
weatherImgName = "NB02.png";
weatherText = "구름조금";
} else if(varSky == 3) {
weatherImgName = "NB03.png";
weatherText = "구름많음";
} else if(varSky == 4) {
weatherImgName = "NB04.png";
weatherText = "흐림";
}
} else {
// 강수형태(PTY) 코드 : 없음(0), 비(1), 비/눈(2), 눈(3), 소나기(4) 여기서 비/눈은 비와 눈이 섞여 오는 것을 의미 (진눈개비)
// 2019. 6.4.(화) 부터 강수형태 소나기 추가
if(varRain == 1 || varRain == 4) {
weatherImgName = "NB05.png";
weatherText = "비";
} else if(varRain == 2) {
weatherImgName = "NB06.png";
weatherText = "비/눈";
} else if(varRain == 3) {
weatherImgName = "NB07.png";
weatherText = "눈";
} else {
weatherImgName = "NB01.png";
weatherText = "맑음";
}
}
//alert(varTemp + "<>" + varRain + "<>" + varSky + "<>" +weatherImgName + "<>" + weatherText);
var weatherHTML = "";
weatherHTML += "";
weatherHTML += " ![" + weatherText + "](/images/index/common/" + weatherImgName + ")
";
weatherHTML += " [송파]" + weatherText + "
" + varTemp + "