This discussion has been locked. The information referenced herein may be inaccurate due to age, software updates, or external references.

You can no longer post new replies to this discussion. If you have a similar question you can start a new discussion in this forum.

Adding Live Weather to the "Worldwide Map" Resource

s-k over 10 years ago

Adding Live Weather to the "Worldwide Map" Resource

Summary: This will allow you to add live weather to the worldwide map based on the OpenWeatherMap project (free).

Limitations: The map must be on a page where your can insert HTML/JavaScript. This will probably break during future releases.

Notes: If you want to change the height of your map you must do it within the HTML resource.

Preview:

Step 1: Get the id of your map element, to do this go to a page where you've inserted the map (don't go to the map page itself). Once there view the source of the page (Ctrl + U in most browsers) and search for the map element (Ctrl + F), search for 'id="worldmap' (without the single quotes but with the double quote). Make note of your map ID, in this case 753.

Step 2: Add a HTML resource to the page with the map on it that you would like to modify. To do this go to "Customize Page" >>> "Add Resource To Column X" >>> "Custom HTML".

Step 3: Paste the contents of the attached file into the Custom HTML resource you just added to the page. Make sure you update the file with your map ID you found in step 1 and change others settings you would like to.

Top Replies

0 scottmccoy over 10 years ago

Very cool! I tried to test it but all I get is a button that says "Enable Beta Maps" and no map. I changed the worldmapidnum to our WorldMap ID. Am I missing another step?
Cancel
Vote Up 0 Vote Down

Cancel
0 s-k over 10 years ago

I noticed I still had our map ID hard-coded in some of the functions so I fixed it an replaced the download, you will need to download the new code I attached above.
Also did you swap out the following with your map ID? Its the fifth line in the file and you just need to replace the 753 with your worldmap ID.
#worldmap753 { height: 400px; } /* To change the high of the map this must be changed (due to fullscreen plugin) */
Cancel
Vote Up +3 Vote Down

Cancel
0 scottmccoy over 10 years ago

Very cool, works like a champ now. Thank you! I replaced your worldmap ID with ours on lines 5 and 25.
I noticed on http://openweathermap.org/Maps that the precipitation layer is "Precipitation forecasts" and not the current weather. This had me a little confused since it was showing precip in our area when it's sunny right now. We do, however, have more snow in the forecast tonight. There is a layer called "Current weather" that would be a great addition. I'm an infrastructure guy and not a web guru but I might give it a stab to try adding that layer. I think I understand the tiles and selctions in the code but we'll see.
Cancel
Vote Up 0 Vote Down

Cancel
0 mhoward over 10 years ago

Thanks! I had no trouble getting this to work in Firefox but I am having loading issues in IE. Did you get it to work in IE?
Cancel
Vote Up 0 Vote Down

Cancel
0 scottmccoy over 10 years ago

No it doesn't appear to work in Internet Explorer.
I also notice the weather data is stuck in time and isn't refreshing when the map refreshes.
Cancel
Vote Up 0 Vote Down

Cancel
0 marc.coxall over 10 years ago

Very good work, thankyou
Cancel
Vote Up 0 Vote Down

Cancel
0 s-k over 10 years ago

What version of IE? I just tested it in IE10 and didn't see any issues.
OpenWeatherMap's free plan has the map data update "From 10 min to 2 hours" do you think that's the issue?
Cancel
Vote Up 0 Vote Down

Cancel
0 mhoward over 10 years ago

IE 8 now, but we are currently upgrading to Windows 7 and I would assume we will be using IE 10 then. I will see how it works on one of those PCs, thanks.
Cancel
Vote Up 0 Vote Down

Cancel
0 scottmccoy over 10 years ago

Same here, IE8 but also upgrading all clients to Windows 7 so we'll be out of the dark ages soon.
Concerning the weather map data, the precip forecast is still the same data that is was on 1/23. It's almost like it's permanently cached. Weird. I haven't really looked into it since I noticed so I'll report back if I find something. I just thought, maybe it's a Firefox issue since I'm not able to test in IE right now.
Cancel
Vote Up 0 Vote Down

Cancel
0 s-k over 10 years ago

The new version works in IE8.
Cancel
Vote Up +1 Vote Down

Cancel