Weather Map Widget

Description

This plugin allows you to easily embed the windy.com widget on your website, in the form of a native WordPress widget (accessible from Appearance > Widgets) or as a simple shortcode.

Features

  • Set the overlay to either wind, temperature, rain, clouds or radar/lightning.
  • Use either Celsius or Fahrenheit as the temperature scale.
  • Set the width and height using responsive (%) and/or fixed (px) values.
  • Manually define longitude and latitude for precise location coordinates.
  • Choose from 8 levels of zoom (min. 3, max. 11).

Shortcodes

The shortcode takes seven attributes. You can simply use [weather-map] and it will work, but you will most likely want to customise the remaining attributes yourself. An example of a fully filled-out shortcode would be [weather-map width="100%" height="350px" lat="53.199" lon="-7.603" zoom="4" layer="temp" scale="C"].

The attributes can be set as follows:

  • The width attribute accepts any valid CSS property for width.
  • The height attribute accepts any valid CSS property for height.
  • The lat attribute must contain a string of digits to three decimal places, in the range of -90 to +90 (e.g. “53.199”).
  • The lon attribute must also contain a string of digits to three decimal places, in the range of -180 to +180 (e.g. “-120.894”).
  • The zoom attribute must contain a number between 3 and 11 (inclusive).
  • The layer attribute accepts the following values: clouds, radar, rain, temp and wind.
  • The scale attribute accepts either “C” or “F”, defining Celsius and Fahrenheit respectively.

Note that in the case of an invalid value, a default value will be used instead.

Screenshots

  • The Weather Map Widget placed in a sidebar, zoomed in over Ireland (where I'm from!). We talk a lot about the weather here. 🙂
  • The corresponding view from the admin area (Appearance > Widgets).

Installation

  1. No special set-up required – just click install and activate, and you’re good to go!
  2. If you manually download the plugin, just unzip to the WordPress plugins folder and the plugin will be automatically detected. It can then be activated as normal.

FAQ

Why not just embed the iframe directly from windy.com instead of using this plugin?

If you’d prefer to do this, that’s great – no problem! However, this plugin was created to make the iframe that windy.com kindly provide even more useful. To that end, it offers the following advantages:

  • While an iframe can be inserted directly into a page or post, you can’t insert an iframe directly into the WordPress widgets area (which is how most themes allow you to set the content for site sidebars and footers etc). This plugin allows you to do precisely that.
  • And even in the case of an iframe inserted into a page or post, the generated code can often confuse people who don’t have any technical/programming experience. The shortcode provided by this plugin simplifies this considerably, making it readable and easy to customise by anyone.
  • You can change the default overlay from wind to either temperature, rain, clouds or radar/lightning.
  • Width and height can be set to responsive (percentage-based) as well as fixed (pixel-based) values.

Reviews

September 24, 2019
I love this plugin. The plugin Author its very professional and ready to help. This plugin helped me in my project
Read all 1 review

Contributors & Developers

“Weather Map Widget” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Weather Map Widget” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.1

  • Fixed issue with zoom levels when using shortcode.

1.0.0

  • Initial release.