Skip to content

Instantly share code, notes, and snippets.

@ChangJoo-Park

ChangJoo-Park/seoulweather_wundergorund.html

Created November 23, 2012 05:11
Show Gist options
  • Save ChangJoo-Park/4134098 to your computer and use it in GitHub Desktop.
Save ChangJoo-Park/4134098 to your computer and use it in GitHub Desktop.
Download ZIP
서울시 날씨 정보 예제
Raw
seoulweather_wundergorund.html
<!DOCTYPE html>
<html>
<head>
<title>서울시 날씨정보-wunderground API이용</title>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
jQuery(document).ready(function($) {
$.ajax({
// 결과를 한글로 받을 수 있다.
url : "http://api.wunderground.com/api/PLEASEINPUT KEY/geolookup/conditions/lang:KR/q/Korea/Seoul.json",
dataType : "jsonp",
success : function(parsed_json) {
// location
var location = parsed_json.location;
var location_s = "<p>국가명(country_name): "+location.country_name+"</p>";
location_s+= "<p>도시명(city_name): "+location.city+"</p>";
location_s+= "<p>경도(lat): "+location.lat+"</p>";
location_s+= "<p>위도(lon): "+location.lon+"</p>";
$("#locationinfo").append(location_s);
// 관측지에 대한 정보
var observ = parsed_json.current_observation;
var observ_s = "<p>관측지 주소 전체 : "+observ.display_location.full+"</p>";
observ_s += "<p>관측지 주소 국가 : "+observ.display_location.state_name+"</p>";
observ_s += "<p>관측지 주소 도시 : "+observ.display_location.city+"</p>";
observ_s += "<p>관측지 경도(latitude) : "+observ.display_location.latitude+"</p>";
observ_s += "<p>관측지 위도(longitude) : "+observ.display_location.longitude+"</p>";
observ_s += "<p>관측지 해발고도(elevation) : "+observ.display_location.elevation+"</p>";
$("#observinfo").append(observ_s);
// 날씨정보
var weather_s = "<p>업데이트 정보: "+observ.observation_time+"</p>";
weather_s +="<p>현재 날씨 : "+observ.weather+"</p>";
weather_s +="<p>현재 온도 화씨(섭씨): "+observ.temperature_string+"</p>";
weather_s +="<p>현재 온도 화씨: "+observ.temp_f+"</p>";
weather_s +="<p>현재 온도 섭씨: "+observ.temp_c+"</p>";
weather_s +="<p>상대 습도 : "+observ.relative_humidity+"</p>";
weather_s +="<p>바람 정보 전체 : "+observ.wind_string+"</p>";
weather_s +="<p>풍향 : "+observ.wind_dir+"</p>";
weather_s +="<p>풍속 (mph): "+observ.wind_mph+"</p>";
weather_s +="<p>풍속 (kph): "+observ.wind_kph+"</p>";
weather_s +="<p>자외선 양: "+observ.UV+"</p>";
weather_s +="<p>아이콘 : "+observ.icon+"</p>";
weather_s +="<p>아이콘 그림 : "+"<img src='"+observ.icon_url+"'/></p>";
$("#weatherinfo").append(weather_s);
}
});
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Wunderground - 박창주</h1>
</div><!-- /header -->
<div data-role="content">
<p><h1>서울의 현재 날씨</h1></p>
<div id="locationinfo">
<h2>위치정보</h2>
</div>
<div id="observinfo">
<h2>관측지 정보</h2>
</div>
<div id="weatherinfo">
<h2>날씨 정보</h2>
</div>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment