api Weather API

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Carber
Messages : 11
Enregistré le : 12 mai 2019, 17:21

api Weather API

Message par Carber » 29 déc. 2020, 12:30

Bonjour tout le monde et bonne fête a vous
voila je rencontre un problème pour mettre en place mes icon du site https://erikflowers.github.io/weather-icons/ avec api
voila api marche très bien je reçois la température
mon code :

Code : Tout sélectionner

$(document).ready(()=>{
    
	function temperature() {
		function getLocation() {
			const position = {
				coords:{
					latitude: 48.8534,
					longitude: 2.3488
				}
			}
			if (navigator.geolocation) {
				navigator.geolocation.getCurrentPosition(getAPI,function showError(error) {
					
					getAPI(position)
				} );
				} else {
				getAPI(position)
			}
		};
		
		getLocation();
		
		function getAPI(position){
			const lat = position.coords.latitude,lon = position.coords.longitude;
			const lien = `http://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&units=metric&ppid=xxxxxxxxxxxxxxxxxxxxxxxxxxxx`
				
			window.fetch(lien)
				
			.then(res => res.json())
			.then(resJson => {
				$('#temperature').text(Math.round(resJson.main.temp))
				
				$weatherEl = $("#temperature");
				console.log($weatherEl)
				var icon = resJson.weather[0].icon;
				console.log (icon);
				var now = new Date();
				console.log (now);
				var shuruq = prayer.getCurrentDateForPrayerTime(prayer.getChouroukTime());
				console.log (shuruq);
				var maghrib = prayer.getCurrentDateForPrayerTime(prayer.getTimeByIndex(3));
				console.log (maghrib);
				if (now.getTime() > shuruq.getTime() && now.getTime() < maghrib.getTime()) {
					
					icon = "day-" + icon;
                    } else {
					
					// fix night sunny
					if (icon = 'sunny') {
						icon = 'clear';
					}
					icon = "night-" + icon;
				}
				
							
				$weatherEl.attr("i").attr('class', 'wi wi-' + icon);
				
						
				
			})
			
			
		}
		
	}
	
	temperature();
	
})

mon code html

Code : Tout sélectionner

             <div  class="temperature"> 
	     <i class="wi wi-"></i>
	    <div id="temperature"></div> 									
	<sup>°C</sup> 
	</div>


si une personne peux m'aider un grand merci

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: api Weather API

Message par webmaster » 29 déc. 2020, 14:18

Bonjour

En général si une image ne s'affiche pas bien c'est le chemin d'accès qui est mal configuré
Que dit la console ? Il y a surement une erreur 404
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Carber
Messages : 11
Enregistré le : 12 mai 2019, 17:21

Re: api Weather API

Message par Carber » 29 déc. 2020, 15:23

Aucune erreur Dans ma console sauf affichage de mes console log 😭

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: api Weather API

Message par webmaster » 31 déc. 2020, 13:15

J'ai voulu reprendre le script pour suivre le fonctionnement, mais la clé d'api est cachée.

J'en ai créé une nouvelle sur le site openweather, mais le retour est toujours
{cod: 401, message: "Invalid API key. Please see http://openweathermap.org/faq#error401 for more info."}

Je ne peux pas tester ce qui se passe.
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Carber
Messages : 11
Enregistré le : 12 mai 2019, 17:21

Re: api Weather API

Message par Carber » 28 janv. 2021, 23:24

Merci j'ai du réglé le problème avec changement image et mettre le bon chemin
Merci

Répondre