Using Google Maps inside Bootstrap Tab

Hi everyone.

I've trying to use the Google maps template tag inside a Bootstrap tab but the only thing it shows is a grey square. If you click on the Google logo it does take you to the correct pin point on the map.

The maps shows perfectly in the Admin.

I think I've come across this sort of thing before, something to do with how the map loads when the tab is clicked and not when the page is loaded???

Any help would be much appreciated.

Glen

PS - On the subject of Google Maps and Bootstrap, does anyone know how I can remove the width and height so it becomes fully responsive?