Google Maps and Jquery problems

Question

I’m setting up a site with jQuery UI and google maps. My map div is inside another Jquery div (tab). I don’t know if there is a conflict between jquery-ui and google maps, because it doesn’t only show a gray box with zoom controls and street view, but the map doesn’t render.

I’ve done a lot of research on the net and I can’t find a viable solution, the closest I came to a solution was to use a resize google, but it’s not working either.

When I take the div from the map inside the TAB divs of Jquery everything works, but the site gets 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>