imageSooner or later it would likely be nice to have some weather in SharePoint.  There are many ways to do this, and the ideal solution would be something that is global above the page that detects where you are and changes the weather for you. 

That’s great, but it’s custom and certainly not free.  But sometimes you want something easy and free to embed something on your SharePoint page.  And if you’re favorite weather app is Dark Sky, you’re in luck!  I’ll show you the tiny amount of code you need.  It’s not a no-code solution, but low-code.

This is what we’re going for:

image

Steps

The forecast.io service does provide an API, but we don’t need it.  They also provide an iframe embed.  Here’s all we need to do:

  1. We need to get the location for our widget.  Go to https://www.forecast.io, and enter the location for where you want the weather.  This will give you the latitude and longitude.  Enter the address or city/state, search, then look in the URL.  The lat and long will be there:
    https://darksky.net/forecast/35.3121,-80.7422/us12/en

    You can also use a site like itouchmap

  2. Go to notepad and paste the following code:
    <iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="100%" src="https://forecast.io/embed/#lat=35.187053&lon=-81.409088&name=C5 in Charlotte, NC”></iframe>

  3. Replace the lat and long with the numbers from step 1, and you can give it a name if you like.  There are a few other options I’ll outline below. 
  4. Edit the page in SharePoint, and click Insert –> Embed Code, and click Insert.
    Easily Load Dark Sky Weather Widget on Your SharePoint Page

  5.   Save your page, and enjoy!

Other Options

You can read the following blog from Dark Sky that outlines this and the available options.  You can change the following:

  • Change localization of the measure units (degrees or fahrenheit, kph, etc)
  • Change the default font from Helvetica
  • Color of the temperature bars

image

When inserted on a SharePoint page:

Dark Sky Weather on a SharePoint Page

Note if You’re Using SharePoint Online with Modern Sites/Pages

At least for the moment, this will NOT be supported.  Modern pages and sites have the “allow scripting capabilities” turned off, which hides the ability to set the site setting “HTML Field Security” which is needed to add forecast.io to the allowed iframe sites.

Embed on SharePoint Online Modern Sites