Google Maps and Jquery issues

I'm building a site with jQuery UI and google maps. My map div is inside another div (tab) of Jquery. I do not know if there is any conflict between jquery-ui and google maps because it does not work just shows a gray box with the zoom and street view controls, but the map does not render.

I've done a lot of searching on the net and can not find a workable solution, the closest of a solution I've come to was to use a google resize function, but it's not working either.

When I take the div from the map inside the Jquery TAB div's, everything works, but the site is a mess. I'm using this plugin for the map: jquery-ui-map .

<script type="text/javascript">
    function carrega_map() {
        // Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278';
        var yourStartLatLng = new google.maps.LatLng(59.3426606750, 18.0736160278);
        $('#map_canvas').gmap({'center': yourStartLatLng});
    }
</script>