I am using a postTabs plugin and Comprehensive Google Map Plugin, my problem was when I have my Google map on the second tab, the map is not loading as expected. But if I move it on the 1st tab it works really great.. Is there any way to make the map work on the second tab? Actually, whichever Tab plugin I use the map is not loading properly on the second tab.. Any suggestion is appreciated. Thanks 🙂
Google Map is not working on the second tab of Tab Plugins
i was tested with Google Maps Embed plugin with PostTabs plugin. You can Insert the map in editor also.This is really works.
Please Check the screenshot for both tabs. 🙂
Admin Page:
Check your CSS if the map shows only one tile or fills in the canvas as a small edge and marker is not centered, when you place it in any other tab than the first.
Easiest solution after hours of searching high and low for a jQuery script to fix this I turned to the css, as none of those scripts worked.
I had to set the tab pane self to position absolute as it dropped about 100 pixels to the bottom, after first changes.
.tab-pane {position: absolute;margin-left:0px;}
and voila no more gray parts – without additional scripting the map sits centered in the content part of the tab. bootstrap.css hides the panels – which does not work for Google maps.
As I use Pronamic Google maps I additionally had to position the .pgm class .
Piece of cake in retrospective.