METAR & TAF Widget

Display real-time aviation weather reports on your site

metar taf display widget

Easy to Use

Add live METAR and TAF feeds with just a few lines of HTML code.

  • Always 100% Free

    Free to use on any website or FBO display.
    There is no obligation and no credit card required.

  • Generous Daily Limits

    This free service allows 2,000 weather requests per day.
    Additional requests are subject to approval.

  • Fully Customizable

    Change fonts and colors to match your website.
    Refresh METAR/TAF automatically every 15-60 minutes.

  • Need More Data?

    Need decoded METARs & TAFs or advanced query options?
    See our full weather API

Getting Started


Step 1

You must Register for a Free API key at CheckWX.com

Registration is Free and does not require any credit card or obligation.

By registering, we can track API usage and can prevent users from abusing our API service.

Step 2

Copy and paste this script tag near the bottom of your webpage right before the closing </body> tag.

<script src="https://api.checkwx.com/widget?key=YOUR_API_KEY" type="text/javascript"></script>

Be sure to replace YOUR_API_KEY with your API key from Step 1 above.

Step 3

Copy and paste this element tag anywhere on your page where you want the METAR or TAF to appear.

<div class="checkwx-container" data-type="METAR" data-station="DEMO"></div>
Step 4

Edit the data-type and data-station attributes of the element you pasted in Step 3:

Attribute Description
data-type

The type of data feed you are requesting.

Options:

  • METAR
  • TAF

data-station

The ICAO airport code or location indicator is a four-character alphanumeric code.

You can find a list of ICAO codes on CheckWX.com.

Options:

  • A single ICAO code
  • Multiple ICAO codes separated with commas (Maximum 50)

Examples

Sample Page

<html>
    <head>
        <title>London Heathrow Airport Page</title>
    </head>
    <body>
        <h3>London Heathrow Airport</h3>

        <div class="checkwx-container" data-type="METAR" data-station="EGLL"></div>
        
        <script src="https://api.checkwx.com/widget?key=YOUR_API_KEY" type="text/javascript"></script>
    </body>
</html>
                    

London Heathrow Airport

Single METAR Request
<div class="checkwx-container" data-type="METAR" data-station="KPIE"></div>
Multiple METAR Requests
<div class="checkwx-container" data-type="METAR" data-station="KPIE,KSPG"></div>

Single TAF Request
<div class="checkwx-container" data-type="TAF" data-station="KPIE"></div>
Multiple TAF Requests
<div class="checkwx-container" data-type="TAF" data-station="KPIE,KMIA"></div>
Automatic Refresh
<script src="https://api.checkwx.com/widget?key=YOUR_API_KEY&refresh=15" type="text/javascript"></script>
Include the &refresh={minutes} parameter after your API key.
The example above will automatically refresh the METAR/TAF every 15 minutes.  You can specify a refresh value from 15 to 60 minutes.
NOTE:
The refresh option is only needed for static displays, such as a monitor in an FBO that does have user interaction.
Visitors to a webpage will always get the latest METAR/TAF without the need for this refresh option.
Changing Fonts, Colors, etc.

The following example shows how to customize our classes with standard CSS.


<html>
    <head>
    <style>
        .checkwx-container {
            background-color: gainsboro;
            padding: 12px;
            border: 2px solid black;
            border-radius: 4px;
            margin: 0;
        }

        .checkwx-item {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: indigo;
        }

        .checkwx-link {
            color: royalblue;
            font-size: 24px;
            font-weight: bold;
        }
    </style>
    </head>
    <body>
        <div class="checkwx-container" data-type="METAR" data-station="EGLL"></div>
        
        <script src="https://api.checkwx.com/widget?key=YOUR_API_KEY" type="text/javascript"></script>
    </body>
</html>
                    
CheckWX.com Privacy Terms Contact