Drupal – Distorted GMap in Quick Tabs

The GMap module is a great tool to display Google map in Drupal. But when i try to render the GMap in Quicktabs, it is always distorted.
Image may be NSFW.
Clik here to view.
 

Probably there is some problems with the Javascript code. After searching this problem for a while in the GMap and Quick Tabs project pages, i finally found a solution.

Just simply add the following style in your .css

.quicktabs-hide {
  display: block;
  position: absolute;
  left: -10000px;
  top: -10000px;
}

If the above workaround does not work. Take a look at the reference link below.

Done =)

Reference: Gmap centering has error on hidden Quicktab tabs (was: How to display two gmaps properly)

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.