If you want put google map in tabs view, sometimes cant display as well.

My HTML is:

<div id=”tab_gmap”>
<div id=”googlemap”></div>
</div>

First, need bind google map initialization in tabs title click event, so

jQuery("a.tabs").click(function (){
    //google maps init;
});

Second step, we need reset some attributes of map div.

jQuery("a.tabs").click(function (){
   jQuery("#tab_gmap").css({'display':'block'});
   jQuery("#googlemap").css({'width':'100%', 'height':'100%'});
 
   //google maps init;
 
});

Hope this article can help you, thanks.

Share and Enjoy:
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • RSS
  • HelloTxt
  • MyShare
  • MySpace
  • Add to favorites
  • PDF
  • Print