You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
// Docs at http://simpleweatherjs.com
|
|
|
|
/* Does your browser support geolocation? */
|
|
if ("geolocation" in navigator) {
|
|
$('.js-geolocation').show();
|
|
} else {
|
|
$('.js-geolocation').hide();
|
|
}
|
|
|
|
/* Where in the world are you? */
|
|
$('.js-geolocation').on('click', function() {
|
|
navigator.geolocation.getCurrentPosition(function(position) {
|
|
loadWeather(position.coords.latitude+','+position.coords.longitude); //load weather using your lat/lng coordinates
|
|
});
|
|
});
|
|
|
|
/*
|
|
* Test Locations
|
|
* Austin lat/long: 30.2676,-97.74298
|
|
* Austin WOEID: 2357536
|
|
*/
|
|
$(document).ready(function() {
|
|
loadWeather('Seattle',''); //@params location, woeid
|
|
});
|
|
|
|
function loadWeather(location, woeid) {
|
|
$.simpleWeather({
|
|
location: location,
|
|
woeid: woeid,
|
|
unit: 'c',
|
|
success: function(weather) {
|
|
html = '<h2><i class="ar ar-'+weather.code+'"></i> '+weather.temp+'°'+weather.units.temp+'</h2>';
|
|
html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
|
|
html += '<li class="currently">'+weather.currently+'</li></ul>';
|
|
// html += '<li>'+weather.alt.temp+'°F</li></ul>';
|
|
|
|
$(".weather-widget").html(html);
|
|
},
|
|
error: function(error) {
|
|
$(".weather-widget").html('<p>'+error+'</p>');
|
|
}
|
|
});
|
|
}
|