Icon api

Résolu
anthonyr_25 Messages postés 165 Date d'inscription   Statut Membre Dernière intervention   -  
anthonyr_25 Messages postés 165 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Alors voila j'aimerais remplacer les icon de base de l'api openweather avec d'autres icon sans avoir à les remplacer un à un ...
Voila ou j'en suis :

document.getElementById("resultat").style.visibility = "hidden";
var callBackGetSuccess = function(data) {
    console.log("donnees api", data)
    //alert("Meteo temp  : "  + data.main.temp);
    var element = document.getElementById("zone_meteo");
    let queryLoc = document.getElementById("queryLoc").value;
    let newContent = document.createTextNode(queryLoc + " " + data.main.temp + " C° " + data.weather[0].main);
	element.appendChild(newContent);

/* voila par quoi j'aimerai remplacer mes icon traditionnel */

	//const icon = `https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/${
	weather[0]["icon"]
	}.svg`;

/* voila mon code fonctionnel avec les icon traditionnel */

    var iconcode = data.weather[0].icon;
    var iconurl = "http://openweathermap.org/img/w/" + iconcode + ".png";
    $('#wicon').attr('src', iconurl);
    document.getElementById("resultat").style.visibility = "visible";
}

function buttonClickGET(){
    var queryLoc = document.getElementById("queryLoc").value;

    var url = "https://api.openweathermap.org/data/2.5/weather?q="+queryLoc+"&appid=c21a75b667d6f7abb81f118dcf8d4611&units=metric";
    
    $.get(url, callBackGetSuccess).done(function(){
        //alert( "second success" );
      })
      .fail(function(){
        alert( "error" );
      })
      .always(function(){
        //alert( "finished" );
      });
}


Pouvez vous m'aidez ?
(Jordane j'ai rien trouver sur le net et pourtant jte jure j'ai cherché haha)

Configuration: Windows / Chrome 96.0.4664.110
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

L'api te retourne le "nom" des icones qu'openweather utilise...
Si tu veux utiliser d'autres icones.. soit tu les nommes de la même manière .. soit tu utilises des IF/ELSE ( ou un switch case) pour faire correspondre tes icones avec les "noms" retournés par l'api.
1
anthonyr_25 Messages postés 165 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci le boss !
0