Embed the map

Put the foliage map on your site

Free to use on any site. Copy one line of HTML, and the widget updates itself daily from live weather, satellite and webcam data.

1.Pick a widget

2.Choose how it looks

Every widget includes the credit link back to SmokiesFallGuide.com.

Live preview

3.Copy the code

Paste this wherever you want the map to appear.

<iframe
  src="https://smokiesfallguide.com/embed/map?mode=national"
  title="Fall foliage map by SmokiesFallGuide.com"
  width="100%"
  height="1240"
  style="border:0;width:100%;max-width:100%"
  loading="lazy"
></iframe>

Need step-by-step help? Choose your platform

Edit the page or post, click the + button and add a Custom HTML block.
Paste the embed code below into the block.
Click Preview to confirm it renders, then Update.
On WordPress.com, Custom HTML requires a Premium plan or higher, so use the oEmbed method below instead.

<iframe
  src="https://smokiesfallguide.com/embed/map?mode=national"
  title="Fall foliage map by SmokiesFallGuide.com"
  width="100%"
  height="1240"
  style="border:0;width:100%;max-width:100%"
  loading="lazy"
></iframe>

Advanced options

Resize the widget automatically

The widget posts its rendered height to the parent page. Add this script once if you want the iframe to resize itself instead of using a fixed height.

<script>
  window.addEventListener("message", function (e) {
    if (!e.data || e.data.type !== "smokies-embed-height") return;
    document.querySelectorAll('iframe[src*="smokiesfallguide.com/embed/map"]').forEach(function (f) {
      if (f.contentWindow === e.source) f.style.height = e.data.height + "px";
    });
  });
</script>

Paste a plain link instead (oEmbed)

Platforms that support oEmbed (WordPress, Ghost, Discourse and others) can paste a foliage map link and get the widget automatically. Provider endpoint:

https://smokiesfallguide.com/api/public/oembed?url=https://smokiesfallguide.com/foliage-map&format=json

URL settings

theme=light|dark sets the look. The default is light. The credit link is always shown.

Free for any site, commercial or personal. No key or signup needed.
Keep the credit link that comes with the widget in place. It's how the widget stays free.
Don't alter or overlay the forecast data shown in the widget.

See the full national map How the forecast works