Yahoo Web Search

Search results

1. Top results related to openweathermap icons

   • How to display OpenWeatherMap icons in weather application?

     Top Answer

     Answered May 19, 2021 · 4 votes

     Replace d.weather[0].icon with existing one when you set url in image src property.

     var d = new Date();var n = d.toLocaleDateString();document.getElementById("date").innerHTML = n;-function getWeather( cityID ) { var key = '535f8a50b4bc24608c72fcde2aecb52b'; fetch('https://api.openweathermap.org/data/2.5/weather?id=' + cityID+ '&appid=' + key) .then(function(resp) { return resp.json() }) .then(function(data) { drawWeather(data); }) .catch(function() { // catch any errors });}window.onload = function() { getWeather( 6167865 );}function drawWeather( d ) { var celcius = Math.round(parseFloat(d.main.temp)-273.15); var fahrenheit = Math.round(((parseFloat(d.main.temp)-273.15)*1.8)+32); document.getElementById('cityName').innerHTML = d.name; document.getElementById('description').innerHTML = d.weather[0].description; document.getElementById('temp').innerHTML = fahrenheit + '°'; document.getElementById('icon').src = `http://openweathermap.org/img/w/${d.weather[0].icon}.png`; }

     <div class="weather"> <div id="date"></div> <div id="cityName"></div> <img src="" id="icon"> <div id="temp"></div> <div id="description"></div></div>

     Check all answers on Stack Overflow

     1/5

   • OpenWeatherMap API forecast for only days

     Top Answer

     Answered Jan 28, 2020 · 1 votes

     for (var i = 0; i < weatherForecast.list.length; i+=8) { console.log(weatherForecast.list[i].dt_txt);}-

     this is gives every day

     because there's array with 40 objects, with 5 days, 5*8=40

     5=days

     Check all answers on Stack Overflow

     2/5

   • openweathermap showing unauthorized with api key

     Top Answer

     Answered Mar 07, 2022 · 1 votes

     I think you just need to put your api key in the query string.

     http://api.openweathermap.org/data/2.5/weather?q=London&appid=[HERE]-

     Moreover it requires a couple of hours to be activated and ready to use.

     Check all answers on Stack Overflow

     3/5

   • OpenWeatherMap API returning 'undefined'

     Top Answer

     Answered Dec 28, 2020 · 0 votes

     The way promise works, you need to transform the response and pass this transform through to the next then pipe.

     fetch( 'http://api.openweathermap.org/data/2.5/weather?q=Traralgon&appid=a211b9a621afd7714296d94616623dea&units=metric' ) .then(function (response) { return response.json(); }) .then(function (responseJSON) { console.log('success!', responseJSON.main); }) .catch(function (err) { console.warn('Something went wrong.', err); });

     Explanation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

     Check all answers on Stack Overflow

     4/5

   • OpenWeatherMap - Get forecast data from JSON

     Top Answer

     Answered Feb 17, 2019 · 0 votes

     Well, it looks like a php array is returned so if you would remove the json_decode function (as its not json but already a php array) you should be able to get data like $result['cod'] and get 200 back. Hope this helps

     Check all answers on Stack Overflow

     5/5

   Show moreShow less

2. openweathermap.org › weather-conditionsWeather Conditions - OpenWeatherMap

   openweathermap.org › weather-conditions

   • Cached

   Access OpenWeather's comprehensive weather icon list for various weather conditions, including thunderstorm, drizzle, rain, snow, atmosphere, clear skies, and clouds. Get precise visual representation for weather forecasting and analysis through easy-to-use API calls.

3. stackoverflow.com › questions › 44177417html - How to display openweathermap weather icon - Stack ...

   stackoverflow.com › questions › 44177417

   • Cached

   This answer is for pure HTML and JavaScript and if you don't want to use jquery. 1- Include the "icons" file in your program: openweatherAPI Icons integration. 2- In your index.html : <div class="weather-icon"><img src="icons/unknown.png" /></div>.

4. github.com › isneezy › open-weather-iconsGitHub - isneezy/open-weather-icons: Weather icon font and ...

   github.com › isneezy › open-weather-icons

   • Cached

   Open Weather Icons. Weather icon font and css themed icons specialy created for Open Weather Map Api, ready to be used in any project.

5. openweathermap.org › apiWeather API - OpenWeatherMap

   openweathermap.org › api

   • Cached

   Access current weather data for any location. We collect and process weather data from different sources such as global and local weather models, satellites, radars and a vast network of weather stations. JSON, XML, and HTML formats. Included in both free and paid subscriptions.

6. stackoverflow.com › questions › 67608863How to display OpenWeatherMap icons in weather application?

   stackoverflow.com › questions › 67608863

   • Cached

   May 19, 2021 · I'm trying to display weather icons from OpenWeatherMap in my weather application using JavaScript. I've tried using jQuery and other solutions I've seen online. I've also tried specifying this link ("http://openweathermap.org/img/w/") using the "src" attribute, but the link doesn't work and the image is broken as a result.

7. gist.github.com › tbranyen › 62d974681dea8ee0caa1OpenWeatherMap / Weather Icons integration · GitHub

   gist.github.com › tbranyen › 62d974681dea8ee0caa1

   • Cached

   Apr 19, 2024 · I have included the pre-set weather icons from OpenWeatherMaps in my code. However, I can't seem to replace them with these pretty ones. Could you give me a more detailed description on how to proceed?

8. openweathermap.org › faqFrequently Asked Questions - OpenWeatherMap

   openweathermap.org › faq

   • Cached

   A list of weather condition codes with icons (range of thunderstorm, drizzle, rain, snow, clouds, atmosphere including extreme conditions such as tornado or hurricane) can be found here. You are free to use these icons in your own solutions.