I had a recent need at work to create tabbed content using Jquery, and include V3 Google maps. Simple right? not likely.
Thanks to Google, I came across an awesome post from Soh Tanaka, posted back in 2009. This was the perfect solution for Jquery tabs, but after a quick embed of google map code, revealed an issue with the version 3 Google map (in a hidden tab), which was loading off center.
Another search on Google revealed this was a bit of a problem, with a few fixes, but none that really worked for me. It turns out that due to the use of the Jquery class “.hide();” google has no reference point for loading the map into the center, meaning it was loading into the top left.
To give the map a reference point,...