Weather Forecast JSONP example

by Marc Locchi

HTML

<div id="weather_output"></div>

JavaScript

var lat = -33.86439500;
var lon = 150.90050200;

getWeather(lat, lon, function (data) {
    var tempHTML = "";
    tempHTML = tempHTML + '<h3>FORECAST WEATHER INFO:</h3>';
    tempHTML = tempHTML + 'Weather data received <br/><br/>';
    
    tempHTML = tempHTML + '<h3>SYS:</h3>';
    tempHTML = tempHTML + 'Country: ' + data.city.country + '<br/>';
    tempHTML = tempHTML + 'Id: ' + data.city.id + '<br/>';
    tempHTML = tempHTML + 'City: ' + data.city.name + '<br/><br/>';

    tempHTML = tempHTML + '<h3>LIST</h3>';
    tempHTML = tempHTML + 'Cloud Coverage: ' + data.list[0].clouds + '%<br/>';
    tempHTML = tempHTML + 'DT: ' + data.list[0].dt + '&deg;C<br/>';
    tempHTML = tempHTML + 'Pressure: ' + data.list[0].pressure + 'Kpa<br/>';
    tempHTML = tempHTML + 'Humidity: ' + data.list[0].humidity + '%<br/><br/>';

    tempHTML = tempHTML + '<h3>TEMPERATURE:</h3>';
    tempHTML = tempHTML + 'Temperature Day: ' + data.list[0].temp.day + '&deg;C<br/>';
    tempHTML = tempHTML + 'Temperature Eve: ' + data.list[0].temp.eve + '&deg;C<br/>';
    tempHTML = tempHTML + 'Temperature Min: ' + data.list[0].temp.max + '&deg;C<br/>';
    tempHTML = tempHTML + 'Temperature Max: ' + data.list[0].temp.min + '&deg;C<br/>';
    tempHTML = tempHTML + 'Temperature Morning: ' + data.list[0].temp.morn + '&deg;C<br/>';
    tempHTML = tempHTML + 'Temperature Night: ' + data.list[0].temp.night + '&deg;C<br/><br/>';

    tempHTML = tempHTML + '<h3>WEATHER:</h3>';
    tempHTML = tempHTML + 'Weather Description: ' + data.list[0].weather[0].description + '<br/>';
    tempHTML = tempHTML + 'Weather Icon: ' + data.list[0].weather[0].icon + '<br/>';
    tempHTML = tempHTML + 'Weather Id: ' + data.list[0].weather[0].id + '<br/>';
    tempHTML = tempHTML + 'Weather Main: ' + data.list[0].weather[0].main + '<br/>';
    tempHTML = tempHTML + 'Message: ' + data.message + '<br/><br/>';
    tempHTML = tempHTML + '<h3>WIND:</h3>';
    tempHTML = tempHTML + 'Wind Speed: ' + data.list[0].speed +...