Posted By

Whiteagle on 07/22/11


google jquery maps tabs

Versions (?)

Who likes this?

1 person have marked this snippet as a favorite


Google Maps v3 and JQuery Tabs (jQuery tabs google maps bug) Example

 / Published in: jQuery


If you are struggling against some problems with google maps and tabs be aware that, in order to avoid problems, jQuery sets the width & height of every hidden element to Zero.

To fix this problem all you have to do is trigger the resize event and the map will be working as it should. To trigger the event all you need to do is.

  1. $('#tabs').tabs({
  2. fx: { opacity: 'toggle', duration: 1000 },
  3. show: function (event, ui) {
  4. google.maps.event.trigger(map, 'resize');
  5. }
  6. });

Report this snippet  

You need to login to post a comment.