I’m specifically looking for a weather radar map, similar to this one to display on a WordPress website: http://www.vantilburgfarms.com/weather_local_radar.htm
The radar above is animated and zoomed in on the Indiana, Ohio part of the US, which is exactly what I need. I don’t want to steal this map from the website.
I’ve Googled this and the only things I can find are 5-day forecasts. Any suggestions?
Looking at their page source, it’s setup like so:
Which sources this site:
http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&width=720&height=486
Via
dynsrc:http://www.htmlcodetutorial.com/images/_IMG_DYNSRC.html
http://www.citycat.ru/doc/HTML/IExplorer.30/mmedia.htm
Basically, they’re setting a regular old
<img>‘s source to be an external video clip.Ironically, it looks like they’re stealing it.
Check out the National Weather Service radar:
http://radar.weather.gov/radar.php?rid=LOT&product=N0R&overlay=11101111&loop=yes
If you fire up something like Fiddler, you can see the requests for the individual images being used to make the “loop”. In the past, I have created something where these frames were cropped to a specific area, and then placed into an animated GIF. This is trivial with ImageMagick, or GD, which are generally available in PHP. You could also do this with JavaScript if you were crafty with DIV overflow.
As for licensing, I believe you can use it without a license, but you should check with a lawyer who knows for sure. I am not one.
The animations created by the NWS use a flash program called FLAnis, you can find more here: http://www.ssec.wisc.edu/flanis/ It is VERY easy to use and configure.
Well, I am not entirely sure of how to without “stealing” it.
<div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div>will work, but is stealing from WUNDERGROUND INTELLICAST.The other answers on this page are severely outdated, don’t use them anyway because we now use https instead of http here in 2023. Your website will be considered “Unsafe” if you include any frames/objects that are pointing to http:// by many modern browsers.
The HTTP (old) way:
If you still need http, and don’t care about the unsafe thing, you can use this site which is free/legal to use, it even has a wizard to make a custom embed for you. Here is an example embed for Latrobe, PA:
This was an auto-generated snippet, you need to regenerate your own at their website. It is free, they just ask for a reference name to your website, so if/when it goes down, they can ditch the token.
There are many “widgets” for weather, but radar has become quite coveted by media sites and so providers have taken to charging a fee for their legitimate use. Using JavaScript to programmatically grab the images is not usually legal, so you best get permission before doing so!
The HTTPS (secure/up to date way):
The HTTPS way is your best bet, they are secure. This website does a more up to date image embed like the last:
The big difference is that it is secure. Hope that helps anyone who ends up here (Wrote this because I hate dead ends and outdated info)