Title: Map inside js tab issue
Last modified: August 21, 2016

---

# Map inside js tab issue

 *  Resolved [samkittinger](https://wordpress.org/support/users/samkittinger/)
 * (@samkittinger)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/)
 * Hey all, I’ve been scouring everywhere and still have yet to find out how to 
   make this work. I’m having the issue where the map loads mostly gray (except 
   a portion in the top left) until resizing the browser and clicking on the map.
   Has anyone found out how to solve this issue? It seems it has something to do
   with the map being in a js tab. Here’s the site I’m having issues with: [http://www.bohsnhons.com/](http://www.bohsnhons.com/)
 * The plugin works perfectly except for this issue!
 * Thanks!
 * [http://wordpress.org/extend/plugins/comprehensive-google-map-plugin/](http://wordpress.org/extend/plugins/comprehensive-google-map-plugin/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [FranceImage](https://wordpress.org/support/users/franceimage/)
 * (@franceimage)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/#post-3705192)
 * Hi,
 * Creating a googlemap is always tricky when the container is not showing.
 * I’ve bumped into your problem too. But it’s possible (look [here](http://franceimage.com/net/places-to-visit-in-france/))
 * The best solution (for me) is to wait for the tab to be activated before creating
   the googlemap.
    There is an additional benefit: you don’t increase your GoogleMap
   count if people don’t open the map.
 * Cheers
 *  [FranceImage](https://wordpress.org/support/users/franceimage/)
 * (@franceimage)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/#post-3705195)
 * Hi again,
 * I had a deeper look at the plugin code. What I suggest is definitely not possible
   without a fair bit of hacking.
 * If I were you, I would open a new page to show the map instead of using a javascript
   tab
 *  [FranceImage](https://wordpress.org/support/users/franceimage/)
 * (@franceimage)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/#post-3705210)
 * There seems to be a solution in this similar thread [http://wordpress.org/support/topic/plugin-comprehensive-google-map-plugin-google-comprehensive-maps-in-jquery-tabs](http://wordpress.org/support/topic/plugin-comprehensive-google-map-plugin-google-comprehensive-maps-in-jquery-tabs)
 *  Plugin Contributor [alexanderzagniotov](https://wordpress.org/support/users/alexanderzagniotov/)
 * (@alexanderzagniotov)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/#post-3705334)
 * I am not sure whether it is still relevant to you, but:
    [http://wordpress.org/support/topic/plugin-is-now-fully-compatible-with-jquery-ui-tabs?replies=2](http://wordpress.org/support/topic/plugin-is-now-fully-compatible-with-jquery-ui-tabs?replies=2)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Map inside js tab issue’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/comprehensive-google-map-plugin_e2e4ef.
   svg)
 * [Comprehensive Google Map Plugin](https://wordpress.org/plugins/comprehensive-google-map-plugin/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/comprehensive-google-map-plugin/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/comprehensive-google-map-plugin/)
 * [Active Topics](https://wordpress.org/support/plugin/comprehensive-google-map-plugin/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/comprehensive-google-map-plugin/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/comprehensive-google-map-plugin/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [alexanderzagniotov](https://wordpress.org/support/users/alexanderzagniotov/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/map-inside-js-tab-issue/#post-3705334)
 * Status: resolved