jQuery UI tabs and Google Maps embeds

A colleague brought me an interesting issue yesterday: an embedded Google Map was not showing with the location marker centered. It was showing the map zoomed out and in the wrong position. At first, I thought Oh great, Google has gone and changed something. But after googling around, it appears to be a known issue. I’m just not sure how it didn’t manifest itself earlier. After trying to play with jQuery to get the map to reload/re-center upon tab load. I found this comment which explained it. I had read the same thing last night, but it must have been too late in the day for my brain to make sense of it. The CSS fix:

.ui-tabs-hide {
/* display:none; */
position: absolute !important; left: -9999999px