It is well documented that there is a problem displaying Google Maps in jQuery tabs. It is not limited to GCM or any specific jQuery tab plugin.
Here is one of the references :
And a short extract explaining the problem:
“Any component that requires some dimensional computation for its initialization won’t work in a hidden tab, because the tab panel itself is hidden via
And they suggest two workarounds :
1) Use the off-left technique for hiding inactive tab panels.
2) For Google maps you can also resize the map once the tab is displayed.
I wonder if the second technique will work with this plugin and if the author and others could possibly give specific instructions on how to achieve this within the plugin (ie which files to edit and exactly which lines to change or add) for a novice?
I also wonder if it could not be incorporated in the next release of the plugin as using maps in a tab must be a common use, saving a lot of screen real estate ?
As I said, this problem has been reported many times but no real, definitive solution has been suggested specifically for this plugin.
OTHER REFERENCES :
- The topic ‘[Plugin: Comprehensive Google Map Plugin] Google Comprehensive Maps in jQuery Tabs’ is closed to new replies.