Openweathermap.orgを使用して都市の天気を取得しています。
Jsonp呼び出しは機能しており、すべて正常ですが、結果のオブジェクトには不明な単位の温度が含まれています。
{
//...
"main": {
"temp": 290.38, // What unit of measurement is this?
"pressure": 1005,
"humidity": 72,
"temp_min": 289.25,
"temp_max": 291.85
},
//...
}
以下は、console.log
が完全なオブジェクトであるデモです。
290.38
華氏から摂氏への変換は143.544
であるため、結果の温度は華氏ではないと思います。
Openweathermapが返す温度単位を知っている人はいますか?
それはケルビンのように見えますが、一時的に返される形式を指定できます、例えば:
http://api.openweathermap.org/data/2.5/weather?q=London&mode=json&units=metric
または
http://api.openweathermap.org/data/2.5/weather?q=London&mode=json&units=imperial
ケルビンから華氏へ:
(( kelvinValue - 273.15) * 9/5) + 32
OpenWeatherAppの呼び出しがすべて渡された場合、unitsパラメーターを読み取るわけではないことに気付きました(このエラーの例: http://api.openweathermap.org/data/2.5/group?units=Imperial&id= 5375480,4737316,4164138,5099133,4666102,5391811,5809844,5016108,4400860,4957280&appid = XXXXXX )ケルビンはまだ返されます。
単位をメートルに変更できます。
これは私のコードです。
<head>
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<style type="text/css">]
body{
font-size: 100px;
}
#weatherLocation{
font-size: 40px;
}
</style>
</head>
<body>
<div id="weatherLocation">Click for weather</div>
<div id="location"><input type="text" name="location"></div>
<div class="showHumidity"></div>
<div class="showTemp"></div>
<script type="text/javascript">
$(document).ready(function() {
$('#weatherLocation').click(function() {
var city = $('input:text').val();
let request = new XMLHttpRequest();
let url = `http://api.openweathermap.org/data/2.5/weather?q=${city}&units=metric&appid=[YOUR API KEY HERE]`;
request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
let response = JSON.parse(this.responseText);
getElements(response);
}
}
request.open("GET", url, true);
request.send();
getElements = function(response) {
$('.showHumidity').text(`The humidity in ${city} is ${response.main.humidity}%`);
$('.showTemp').text(`The temperature in Celcius is ${response.main.temp} degrees.`);
}
});
});
</script>
</body>