How can I show the Map inside a tab

Read the article about Adding tabs to listing detail page.

To show the map inside a tab move the code that outputs the Map in the detail.thtml theme file into one of the tabs.

<!--  BEGIN MAP -->
<?php if(isset($listing['Geomaps']) && $listing['Geomaps']['lat']!='' && $listing['Geomaps']['lon']!=''):?>
<div class="clear"></div>
<?php echo $this->renderControllerView('geomaps','map_detail',array('width'=>'100%','height'=>'300'));?>
<?php endif;?>
<!--  END MAP -->

There is an issue when the Map is loaded in a hidden tab, this is a fix:

Open the \theme_css\jquery_ui_theme\jquery-ui-1.7.1.custom.css file and replace

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

with:

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -5000px;
}