Open Weather - Current and Forecast

Display the current weather and upcoming 6 day forecast using the Open Weather custom tile!

chrome_C7Fz1NQG1t

This uses weather data from Open Weather Map, so you’ll need to register for a free API Key to try things out. Check out the instructions below for more details.

:man_technologist: This was built as a proof of concept, but should be relatively feature complete. Feel free to learn from it, copy the code and adjust it as you see fit, or even share your own custom tile!

image

Installation Instructions

  1. Register for a free account at Open Weather Map

  2. Create a new API Key and wait for it to become active

    It can take up to an hour for new API keys on new accounts to become active.

  3. Use the Import link above to import a copy of the tile to your account
    a. Be sure to scroll down to the bottom and tap Save after clicking the import link
    b. :stop_sign: DO NOT edit any of the settings directly in the developer tools! :stop_sign:

  4. Navigate to the dashboard you want to add the tile to and add the tile to it
    a. With your dashboard in edit mode, tap the + icon to add an item, expand the Other category and select Custom Tiles. Find the Open Weather entry and tap it to add it to your dashboard.
    b. Edit the tile that was just added to your dashboard and enter your API Key and Coordinates*

With this initial release, you’ll have to enter your location using latitude/longitude coordinates. There’s sites like latlong.net that can help with this or you can get your coordinates in Google Maps on a desktop browser.

You can also use one of the documented language codes from Open Weather and the tile will display in your language.

4 Likes

@josh , I love the concept and idea, however I seem to be having an issue. I’ve followed the instructions you provided for this, but when I click on the EDIT option for the tile once it’s in my editor, I do not get any additional variables to set for location and/or API key.

Hi Dean-
My apologies. The import link was pointing to an old version! :man_facepalming:

If you try the import and setup of the tile again, I believe it should work for you! :slight_smile:

2 Likes

Is this correct fileld in, with location, and api key?

I dosent work for me. I didnt wait for an hour, but it says thats its activted on the website.

Best
Andreas

No. That’s the note from step 3b that you don’t want to edit. :stuck_out_tongue_winking_eye:

You’ll need to revert that change – probably just easiest to restore the Custom Tile definition using the Update from Source option as noted below.

Once you have the tile definition back to the originally settings, you want to continue on to step 4 where you add the tile to your dashboard and then edit the settings for the tile on the dashboard.

Also note that step 4 calls for the latitude, longitude coordinates for your location. The original post has notes on how to find this.

I fell like an idiot…

Are there any way that the forecast can be changed in language, and what about the fact that it shows as the picture. We use celcius degrees in denmark, and as it shows, that really not the temprature in celcius degrees haha :smiley:

And thank you, so much!

Change row 130 to

return ?lat=${lat}&lon=${lon}&appid=${API_KEY}&units=metric

or

return ?lat=${lat}&lon=${lon}&appid=${API_KEY}&units=metric&lang=da

Thank you very much!
Its almost perfect, alot is still in english. Do you anyhow know how to adjust that?

Hi - I’m new to custom tiles but this is so good it made me bite the bullet.

I’m looking to enable the tile Label, but would like to have it aligned-left (so it doesn’t block the top forecast line), is that something that is possible?

I’m working on tweaking the tile to add a ‘Units’ (Imperial/Metric) and Language input. :slight_smile:

The ‘Feels Like’ is hard coded, so I’m trying to decide if I put together a series of translation strings or find an icon that would represent that. I’m open to alternative suggestions too!

The day names are all based on your browser language. So if your browser and system are configured for the appropriate language, it should automatically adjust based on those. I’ll see if I can just have those respect the language set in the tile settings though. :slight_smile:

I can see on my tablet, that the weekdays works perfectly. Its only the feels like, as you said. Thank you very much both of you :slight_smile:

1 Like

That uses the native tile Label feature, so it’s always center aligned. I suspect you could use Custom CSS to adjust it. Would you mind sharing what kind of content you were looking to put in the label? Just wondering if it’s something other people would like to see as an option in the tile.

My intent was the location name … which leads to another question (feature request?) … I’m looking to have multiple instances of the tile, to show info from different locations, since my family is geographically diverse :slight_smile:

I suspected it might be the location name… let me think about that one a bit. Ideally, I would love for you to be able to enter a simple location name like “London, UK” instead of coordinates in the tile settings… in that case it could be an option to display the entered location name on the tile.

In the meantime, you might be able to accomplish it using Custom CSS or with a bit of dev skills you could customize the Custom Tile settings/code to add your own field and display it within the tile.

Regarding multiple instances of the tile for different locations, you can add the tile to your dashboard multiple times and adjust the coordinates in each tile’s settings.

Is there a common phrase for the weather/temperature concept of “feels like”, “apparent temperature”, “heat index” in Danish?

That would be ‘Føles som’

Thanks. I was originally going to use “varmeindeks”, so I appreciate the feedback. I’ve noted the translation and will work on update…

I just pushed out an update with new settings for Units and Language. You can update your Custom Tile using the steps noted above.

The language codes are documented here.

Hey Josh - This is working fantastically on my computer (and even phone) on firefox and chrome alike, but, on my fire tablets running Fully Kiosk, the tile shows placeholder text.

Untitled

Is there a setting in Fully I may be missing to get this to properly load there?

Thanks in advance for your help!