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.

 

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)