Weather Radar Display

4. July 2011
Comments (0)

Fun little project to add a FREE (really FREE) weather radar display to your website.

Did the radar display in Flash CS4 to animate the radar beam (from sample).

Added St. Louis weather image from NOAA (www.noaa.gov) to background layer in Flash. 

Update radar beam position programmatically on Enter Frame handler (30 times per second).

Going to hook up the buttons for display options when I get a chance.

  Weather Radar Display done in Flash
 
More background on how to get the radar images from NOAA:
Different overlays for the features (topography, cities, rivers, etc.) which you want to display.
Here’s a simple html page showing how to display Dallas Fort Worth weather:
<html>
<head>
</head>
<body>
<br />
DFW Radar Image overlayed over topography
<br />
<img style="position:absolute;x:100px;y:100px;" src="http://radar.weather.gov/ridge/Overlays/Topo/Short/FWS_Topo_Short.jpg">
<img style="position:absolute;x:100px;y:100px;" src="http://radar.weather.gov/ridge/RadarImg/N0R/FWS_N0R_0.gif">
<br />
</body>
</html>

John Dorsey

IT Brigade Inc.
www.itbrigadeinc.com
jdorsey@itbrigadeinc.com

Flash , , ,