Page 320 - MDP2022-3

longitude
};
getWeather(latitude, longitude); //얻은 좌표값을 바탕으로 날씨정보를 불러온다.
}
//좌표를 얻는데 실패했을 때 쓰이는 함수
function handleError() {
console.log("can't not access to location");
}

//날씨 api를 통해 날씨에 관련된 정보들을 받아온다.
function getWeather(lat, lon) {

fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${API_KEY}&unit
s=metric&lang=kr`).then(function(response) {
return response.json();
})
.then(function(json) {
//온도, 위치, 날씨묘사, 날씨아이콘을 받는다.
const temperature = json.main.temp;
const place = json.name;
const weatherDescription = json.weather[0].description;
const weatherIcon = json.weather[0].icon;
const weatherIconAdrs = `http://openweathermap.org/img/wn/${weatherIcon}@2x.png`;

//받아온 정보들을 표현한다.
weatherInfo.innerText = `${temperature} °C / @${place} / ${weatherDescription}`;
weatherIconImg.setAttribute('src', weatherIconAdrs);
})
.catch((error) => console.log("error:", error));
}

init();