Hey guys,
I have perused the forums for this problem and the ones that I found solved their issue by using different external javascript links , I have used the following two links:
https://gitcdn.link/cdn/darkskyapp/skycons/master/skycons.js
https://cdnjs.cloudflare.com/ajax/libs/skycons/1396634940/skycons.min.js
even with these two links I can’t get the icon to show up.
What am I doing wrong?
this is the code I am using to display the icon:
$(document).ready(function() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$("#getWeather").click(function() {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var url_api =
“https://crossorigin.me/https://api.darksky.net/forecast/f8c931a74f233b551ed121edbb142777/” +
lat +
"," +
lon;
$.getJSON(url_api, function(json) {
var skycon;
switch (json.currently.icon) {
case “clear-day”:
$(".card").html(
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
//skycon=Skycons.CLEAR_DAY;
skycon.set(“icon”,Skycons.CLEAR_DAY);
skycon.play();
break;
case “clear-night”:
$(”.card”).html(
“summary: " +
json.currently.summary +
“Temperature: " +
json.currently.temperature
);
break;
case “rain”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
//skycon=Skycons.RAIN;
skycon.set(“icon”,Skycons.RAIN);
skycon.play();
break;
case “snow”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
break;
case “sleet”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
break;
case “wind”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
break;
case “fog”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
break;
case “cloudy”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
break;
case “partly-cloudy-day”:
$(”.card”).html(
"summary: " +
json.currently.summary +
“icon: " +
json.currently.icon +
“Temperature: " +
json.currently.temperature
);
//skycon=Skycons.PARTLY_CLOUDY_DAY;
skycon.set(“icon”,Skycons.PARTLY_CLOUDY_DAY);
skycon.play();
break;
case “partly-cloudy-night”:
$(”.card”).html(
"summary: " +
json.currently.summary +
"icon: " +
json.currently.icon +
"Temperature: " +
json.currently.temperature
);
break;
}
console.log(json.currently.summary);
console.log(json.currently.icon);
console.log(skycon);
});
});
});
}
});
Thank you