Google Maps won't work as it should inside an hidden Horizontal Tab.
I tried with Geofield using 2 option for the Formatter : Geofield Map & OpenLayers with Gmap.

i think this is a similar issue with #352247: Gmap centering has error on hidden Quicktab tabs (was: How to display two gmaps properly).

What about using CSS class altering in JS instead of jquery hide, show effects.

CommentFileSizeAuthor
#1 Google_maps_inside_Horizontal_Tabs-1299138-1.patch2.63 KBvasike
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

vasike’s picture

vasike
Location Ramnicu Valcea
CreditAttribution: vasike commented
Status: Active » Needs review
FileSize
Google_maps_inside_Horizontal_Tabs-1299138-1.patch2.63 KB

there is patch that changes the hide/show with class approach.

Stalski’s picture

Stalski CreditAttribution: Stalski commented
Status: Needs review » Fixed

Works like a charm. thx for the patch.

vasike’s picture

vasike
Location Ramnicu Valcea
CreditAttribution: vasike commented
Status: Fixed » Needs review

it doesn't work for maps with 100% width.

but if i add for the css definition (.horizontal-tabs .horizontal-tab-hidden) a width of 100% it seems it works

nils.destoop’s picture

nils.destoop CreditAttribution: nils.destoop commented
Status: Needs review » Fixed

I added the 100% width to the css

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

gmclelland’s picture

gmclelland CreditAttribution: gmclelland commented

Just a headsup for anyone having problems, this could be a jqueryui issue.

See here
http://docs.jquery.com/UI/API/1.8/Tabs#...my_slider.2C_Google_Map.2C_sIF...