Author Topic: How to Run US Animated Radar on Google Maps  (Read 134498 times)

0 Members and 1 Guest are viewing this topic.

Offline ELDoradoWx

  • El Dorado Weather
  • Senior Contributor
  • ****
  • Posts: 298
  • Gentoo X = Complete_Control
    • El Dorado Weather
How to Run US Animated Radar on Google Maps
« on: July 16, 2010, 04:30:50 AM »
This script is pretty easy to install. I think it's pretty straight forward. I have also developed quite some time ago the AniS (AnimationS applet) Java code needed to exactly replicate NWS radar stations animated radar that I may post up sometime later, but first I'll do the Google Maps Radar since its popularity and usefulness is sky rocketing world wide. Radar on Google Maps is kind of cool because you can see what it is doing right in your own back yard.

Sample Single Radar Page:
http://www.eldoradocountyweather.com/current/misc/google-maps/dax/ridge.html

Sample Multi Radar Page:
http://www.eldoradocountyweather.com/radar/radar-google/florida/florida-radar.html

The most current installation instructions, can be found on my scripts page:
http://www.eldoradocountyweather.com/scripts/weather-scripts.php#us-gmap-ani-radar


Radar on Relief Map with Open Street Map overlay

This is the Demo Page for the new "Relief Map with an Open Street Maps overlay".
http://www.eldoradocountyweather.com/current/misc/google-maps/geo-google-radarmap/geo-ridge.html

The map includes the other default map types as well. The map includes, Relief, OSE [OpenStreetMaps], Satellite, Terrain, Hybrid and the regular Map.

I feel that OpenStreetMap is the best FREE street map on the net, which I contribute work to. It is available on the new map by selecting the Relief or OSM mapping options. To view the Hybrid map, select the Satellite map option and click on Layer and select Google Labels.

View the Open Street Map on Google Maps V3:
http://www.eldoradocountyweather.com/current/misc/google-maps/google-maps-v3/v3-openstreetmap.php

I will not be supporting this special map version but I wanted to offer it as another choice.

For customizing it please refer to prior posts in this thread as a guide or on my site. You can grab the code by doing a View Source Code on the page.

All of my other scripts including this one can be found here:
http://www.eldoradocountyweather.com/scripts/weather-scripts.php

Last Edited on 8/4/2011
« Last Edit: August 04, 2011, 06:47:56 PM by ELDoradoWx »
-Danny
-root is everything

Offline Cienega32

  • Forecaster
  • *****
  • Posts: 2635
    • East Mesa Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #1 on: July 16, 2010, 04:49:36 AM »
OUTSTANDING!

I run two simple NWS RADARs (El Paso & Holloman AFB) on my site but always wanted the "Terrain - Satellite" options. This takes care of it and lets me add more RADARs along the common travel routes.

Outstanding! Thanks for sharing this!

Pat ~ Davis VP2 6153-Weatherlink-Weather Display-StartWatch-VirtualVP-Win7 Pro-64bit
www.LasCruces-Weather.com   www.EastMesaWeather.com

Offline mackbig

  • Forecaster
  • *****
  • Posts: 4128
    • Mackie's Main Street, Unionville, ON Canada Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #2 on: July 16, 2010, 06:36:29 AM »
very cool
Andrew

Andrew - Davis VP2+ 6163, serial weatherlink, wireless anemometer, running Weather Display.  Boltek PCI Stormtracker, Astrogenic Nexstorm, Strikestar - UNI, CWOP CW8618, GrLevel3, (Station 2 OS WMR968, VWS 13.01p09), Windows 7-64

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #3 on: July 16, 2010, 02:47:01 PM »
Hey Danny! It works great but I've experienced one problem, and I'm sure it only has to do with the number of radars I'm displaying. Once the window loads the loop gets slower and slower until the window, for all practical purposes, becomes unresponsive. The Chrome window runs about 50% CPU utilization but very little disk utilization. Right now it's loading 8 different radars.

You can try it here: http://www.daculaweather.com/ridge_georgia_master.php (This was an incorrect link if anyone clicked here, fixed now)
« Last Edit: September 25, 2010, 03:47:42 PM by DaculaWeather »

Offline Cienega32

  • Forecaster
  • *****
  • Posts: 2635
    • East Mesa Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #4 on: July 16, 2010, 04:19:55 PM »
You're not slowing down for me, Steve. Runs fine with FF 3.6.6.

Pat ~ Davis VP2 6153-Weatherlink-Weather Display-StartWatch-VirtualVP-Win7 Pro-64bit
www.LasCruces-Weather.com   www.EastMesaWeather.com

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #5 on: July 16, 2010, 04:49:52 PM »
Good to know! Thanks! And you're right! i just tried it in IE8 and FF 3.5.6 and it loaded and ran faster. That's good, I was afraid 9 sites might be too many.

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #6 on: July 16, 2010, 05:00:55 PM »
Congratulations Danny! This is very slick and very easy to setup.

You'll need to play around with zoom level and the number of radar sites you want to include. I think 9-10 might be a practical limit but your mileage might vary. The more you zoom out the more sites need to be included. You can see the area covered on mine and I could have included Nashville and Knoxville but didn't.

Offline ELDoradoWx

  • El Dorado Weather
  • Senior Contributor
  • ****
  • Posts: 298
  • Gentoo X = Complete_Control
    • El Dorado Weather
Re: How to run - Animated Radar on Google Maps ...
« Reply #7 on: July 16, 2010, 06:48:42 PM »
Thanks everyone! I'm glad you like it...

I have been running these scripts for close to 2 years and have never run into the slow down issue Steve is referring to. I have tested it in Firefox 2.xx+ and in IE6, IE7 and IE8.

Concerning the maximum number of radar sites per map, this is a good point. I think you need to do it in moderation realizing that the general public runs at many different Internet speeds. At high speeds like what I am used to running I could put in 20 radar sites per map with no ill effects, but someone with dial up may never get it to completely load up.

I run 8 radars on my Texas map,
http://www.eldoradocountyweather.com/radar/radar-google/texas/texas-radar.html
and it completely loads up in 6 seconds. Keeping the lower Internet speeds in mind, I think you need to be a bit careful on how many radar sites per map you use. It is probably better to make more maps than to cram too many stations onto one map.

-Danny
-root is everything

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #8 on: July 16, 2010, 09:18:09 PM »
I've created 5 maps, they're located off my main page under the Radar menu.

Offline Cienega32

  • Forecaster
  • *****
  • Posts: 2635
    • East Mesa Weather
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #9 on: July 17, 2010, 02:10:11 AM »
Good point about the slow loaders - I didn't think about that. I'm using 7 RADARs - and it's a good thing I can't use Mexican radar or I would have Chihuahua in there too.

The default zoom of 7 is perfect for me!

Glad to see this thread is a sticky. This is definitely a nice addition!

Pat ~ Davis VP2 6153-Weatherlink-Weather Display-StartWatch-VirtualVP-Win7 Pro-64bit
www.LasCruces-Weather.com   www.EastMesaWeather.com

Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #10 on: July 17, 2010, 08:23:36 PM »
This a great script, Danny, but my map will not display any radar and I know I followed your directions carefully. Any ideas why this is?
Ann-Marie
Beamsville, Ontario, Canada

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #11 on: July 17, 2010, 08:25:12 PM »
This a great script, Danny, but my map will not display any radar and I know I followed your directions carefully. Any ideas why this is?

I had that problem one time and it was because I had added the radar sites but didn't change the lat/lon in the file. The map wasn't centered in the right place to see them.

Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #12 on: July 17, 2010, 08:37:16 PM »
Thanks Steve, but I know I set the latitude and longitude properly :)
Ann-Marie
Beamsville, Ontario, Canada

Offline ELDoradoWx

  • El Dorado Weather
  • Senior Contributor
  • ****
  • Posts: 298
  • Gentoo X = Complete_Control
    • El Dorado Weather
Re: How to Run U.S. Animated Radar on Google Maps ...
« Reply #13 on: July 17, 2010, 09:31:03 PM »
This a great script, Danny, but my map will not display any radar and I know I followed your directions carefully. Any ideas why this is?

Go ahead and post a link to your ridge.html file and I would be more than happy to take a look at it for you.. If you included ridge.html from another page, please let me see that page as well.

-Danny
-root is everything

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #14 on: July 17, 2010, 09:46:19 PM »
Got it working Danny! Thanks!

Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run US Animated Radar on Google Maps
« Reply #15 on: July 17, 2010, 09:57:15 PM »
Ann-Marie
Beamsville, Ontario, Canada

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #16 on: July 17, 2010, 10:03:55 PM »
Go to here and copy the code...
http://www.daculaweather.com/ridge_test.html

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #17 on: July 17, 2010, 10:05:40 PM »
You'll probably want to add some more radar to fill in the areas around the Buffalo radar. You can remove me css or change it to suit your needs.

Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run US Animated Radar on Google Maps
« Reply #18 on: July 17, 2010, 10:07:14 PM »
Thanks, Steve, but I'm getting an "Error 404: File Not Found" message from your link.
Ann-Marie
Beamsville, Ontario, Canada

Offline DaculaWeather

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 3206
    • North Georgia Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #19 on: July 17, 2010, 10:09:05 PM »
It should be there now...

Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run US Animated Radar on Google Maps
« Reply #20 on: July 17, 2010, 10:18:48 PM »
That did it, thanks Steve :)
Ann-Marie
Beamsville, Ontario, Canada

Offline ELDoradoWx

  • El Dorado Weather
  • Senior Contributor
  • ****
  • Posts: 298
  • Gentoo X = Complete_Control
    • El Dorado Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #21 on: July 17, 2010, 10:40:28 PM »
Here is the link, thanks:

http://www.beamsvillewx.ca/wxridgeradar.php

I see you got it fixed! Very Cool...

Just so you know the problem was from extra code in the javascript..

Changing this -
Code: [Select]
Radar[i].feed(stub+" &rid="+Ridge[i]+"&product="+Product);
To this - fixed the problem
Code: [Select]
Radar[i].feed(stub+" &rid="+Ridge[i]+"&product="+Product);
In other words it was changing this
Code: [Select]
&
To this
Code: [Select]
&
My guess is you were probably just trying to validate your code and made the necessary changes which broke the script..

-Danny
-root is everything

Offline ELDoradoWx

  • El Dorado Weather
  • Senior Contributor
  • ****
  • Posts: 298
  • Gentoo X = Complete_Control
    • El Dorado Weather
Re: How to Run US Animated Radar on Google Maps
« Reply #22 on: July 17, 2010, 10:44:26 PM »

Please check the first post for any changes or additions to the script.. Any changes made will be added on to the first instructional post..

-Danny
-root is everything

Offline jay_hoehn

  • WxElement panel
  • Forecaster
  • *****
  • Posts: 656
    • Jay's Woodcrafts
Re: How to Run US Animated Radar on Google Maps
« Reply #23 on: July 17, 2010, 11:10:52 PM »
Danny,

This is terrific.  Thanks for the great work.  Where I live we are not covered very well by any radar.  Being able to plot the five closest gives a better picture of what is coming.  Check it out here:

http://www.jayswoodfurniture.com/wx/radar/ridge.html

Great job and thanks,

Jay
Davis Vantage Pro2 Plus
VVP
Weather Display


Offline weathergirl

  • Forecaster
  • *****
  • Posts: 677
    • Beamsville Weather Station
Re: How to Run US Animated Radar on Google Maps
« Reply #24 on: July 18, 2010, 08:26:52 AM »
Hi Danny: Would it be possible for a visitor to choose up to a certain number of radars for viewing?
Ann-Marie
Beamsville, Ontario, Canada

 

anything