Tomorrow.io Weather
Update the data-location-ID number in the body section to adjust what location is reported. If left blank, it will use the approximate location of wherever the user is coming from. Location IDs can be found here:
Search for the location in the search bar, and then grab the location ID from the script result.
Code for the teaser Summary:
<iframe title="weather" srcdoc='
<!DOCTYPE html>
<html>
<head>
<script>
(function(d, s, id) {
if (d.getElementById(id)) {
if (window.__TOMORROW__) {
window.__TOMORROW__.renderWidget();
}
return;
}
const fjs = d.getElementsByTagName(s)[0];
const js = d.createElement(s);
js.id = id;
js.src = "https://www.tomorrow.io/v1/widget/sdk/sdk.bundle.min.js";
fjs.parentNode.insertBefore(js, fjs);
})(document, "script", "tomorrow-sdk");
</script>
</head>
<body>
<div class="tomorrow"
data-location-id=""
data-language="EN"
data-unit-system="IMPERIAL"
data-skin="dark"
data-widget-type="upcoming"
style="padding-bottom:22px;position:relative;"
>
<a
href="https://www.tomorrow.io/weather-api/"
rel="nofollow noopener noreferrer"
target="_blank"
style="position: absolute; bottom: 0; transform: translateX(-50%); left: 50%;"
>
<img
alt="Powered by the Tomorrow.io Weather API"
src="https://weather-website-client.tomorrow.io/img/powered-by.svg"
width="250"
height="18"
/>
</a>
</div>
</body>
</html>' width="100%" height="500" scrolling="no" frameBorder="0"></iframe>