Title: [Plugin: Arconix Shortcode Collection] Problem embedding Google Maps in tabs Last modified: August 20, 2016 --- # [Plugin: Arconix Shortcode Collection] Problem embedding Google Maps in tabs * [David Veldt](https://wordpress.org/support/users/davidveldt/) * (@davidveldt) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/) * I’ve come across a problem using the tabs. On several pages, I have 3 tabs that each contain a map. The map that displays on the first tab by default displays fine on page load, but the other two maps center themselves at top left when you click on the tabs. You can see what I’m talking about on [http://www.endurotrader.com/tracks/alabama/](http://www.endurotrader.com/tracks/alabama/) * I’ve looked around and this is a well-known issue with Google Maps, as it thinks it has zero size when loaded in a hidden div or iframe which is why it cetners at top left. * I’ve found several proposed solutions, but my coding skills are nothing to write home about and I’m having a very difficult time modifying the plugin to make them display properly. * Any help would be greatly appreciated. * [http://wordpress.org/extend/plugins/arconix-shortcodes/](http://wordpress.org/extend/plugins/arconix-shortcodes/) Viewing 8 replies - 1 through 8 (of 8 total) * Plugin Author [John Gardner](https://wordpress.org/support/users/jgardner03/) * (@jgardner03) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416314) * Hi David, * Thanks for using my plugin. When you say the map centers in the top left, is that top left of the entire page itself? Oddly enough when I view that link in Chrome 24, FF 18 or IE9, I get the behavior I would expect to get, which is that each map loads and stays properly in its tab container as I cycle through each tab. * Thread Starter [David Veldt](https://wordpress.org/support/users/davidveldt/) * (@davidveldt) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416315) * Hi John, * Thanks for the quick response. Very strange, I’m also using Chrome 24 and FF 18 and the 2nd & 3rd tabs shift the maps when I look at them. * The maps all load and stay within the tab container; what I mean is that the 2nd & 3rd embedded maps – which should all be centered on Alabama (or Montgomery, AL pretty much in the center of the map), instead shift the center point so that Montgomery, AL is in the top left corner of the map iframe. * All 3 maps should show the exact same view of Alabama; cycling between the tabs shouldn’t appear to move the map at all. * Plugin Author [John Gardner](https://wordpress.org/support/users/jgardner03/) * (@jgardner03) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416321) * Ah, now I understand. I didn’t realize the map shifting until you pointed it out. I’ll certainly look into it. Where did you find the proposed solutions? * Thread Starter [David Veldt](https://wordpress.org/support/users/davidveldt/) * (@davidveldt) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416323) * I pretty much just searched “WordPress google maps hidden div” or “google maps hidden div” in Google. Here’s a few of the threads I looked through: - [http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated-picture](http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated-picture) - [http://productforums.google.com/d/msg/maps/CafYl3s-3uk/diaxyG3sNvcJ](http://productforums.google.com/d/msg/maps/CafYl3s-3uk/diaxyG3sNvcJ) - [http://stackoverflow.com/questions/9680908/google-map-in-hidden-div](http://stackoverflow.com/questions/9680908/google-map-in-hidden-div) * It seems the solutions depend on whether you are using the Google Maps API or an iframe, like I am, which only messes me up more. * There’s a ton more like them. You’ll probably see my initial plea for help in Stackoverflow :/ * Plugin Author [John Gardner](https://wordpress.org/support/users/jgardner03/) * (@jgardner03) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416341) * Well, at least it gives me something to start with. * Thread Starter [David Veldt](https://wordpress.org/support/users/davidveldt/) * (@davidveldt) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416343) * Thanks for taking a look, I really appreciate it. * Thread Starter [David Veldt](https://wordpress.org/support/users/davidveldt/) * (@davidveldt) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416390) * Any luck with this? * Plugin Author [John Gardner](https://wordpress.org/support/users/jgardner03/) * (@jgardner03) * [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416392) * Not yet… I’ve tried a few solutions that haven’t been particularly fruitful, however I did stumble upon 1 solution that looks promising. I’ll followup as soon as I’ve had an opportunity to test. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘[Plugin: Arconix Shortcode Collection] Problem embedding Google Maps in tabs’ is closed to new replies. * ![](https://ps.w.org/arconix-shortcodes/assets/icon-256x256.jpg?rev=2951512) * [Arconix Shortcodes](https://wordpress.org/plugins/arconix-shortcodes/) * [Frequently Asked Questions](https://wordpress.org/plugins/arconix-shortcodes/#faq) * [Support Threads](https://wordpress.org/support/plugin/arconix-shortcodes/) * [Active Topics](https://wordpress.org/support/plugin/arconix-shortcodes/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/arconix-shortcodes/unresolved/) * [Reviews](https://wordpress.org/support/plugin/arconix-shortcodes/reviews/) ## Tags * [embed](https://wordpress.org/support/topic-tag/embed/) * [hidden div](https://wordpress.org/support/topic-tag/hidden-div/) * [off-center](https://wordpress.org/support/topic-tag/off-center/) * 8 replies * 2 participants * Last reply from: [John Gardner](https://wordpress.org/support/users/jgardner03/) * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/problem-embedding-google-maps-in-tabs/#post-3416392) * Status: not resolved