Problema con .html() y google maps

[kyke_89]

Buenas tengo una pagina con un menú jquery que para cambiar por las opciones hago uso de jquery para no tener que recargar la pagina con la propiedad .html() pero en una de las secciones que tengo un mapa de google maps con un punto, solo me sale el punto la primera vez que entro en la seccion la segunda se me borra. Mi código es el siguiente:

Código Javascript:

jQuery("#contactar").click(function(){
            $("#contenido").html(' ');
            
//Contenido es la capa que cambio dentro de la web
 
            $("#contenido").html('<div id="map" style="height:350px; width:760px;> </div>');
            $(document).ready(
            function() {
                if (GBrowserIsCompatible()){
                    var map = new GMap2(document.getElementById("map"));
                    map.addControl(new GLargeMapControl());
                    map.addControl(new GMapTypeControl());                  
                    map.setCenter(new GLatLng(37.37555978273743, -5.977619290351868), 17);    
                      
                    var html = "<div style='width:400px; height:120px'><div style='float:left; width:200px'><img src='img/bocadillo.png' /></div><div style='float:left; width:200px'><center><u><b><font color='red'>Q</font>cr<font color='red'>o</font>ss</b></u></center>Situado en el parque en el que convergen la Calle Presidente Cárdenas y la Calle de la Pirotecnia, s/n, Sevilla.</div></div>";     
                    
                    var miMarca = new GMarker(new GLatLng(parseFloat(37.37505978273743),parseFloat(-5.977619290351868)));
                    GEvent.addListener(miMarca, "click", function (){
                        miMarca.openInfoWindowHtml(html);
                    });
                    miMarca.openInfoWindowHtml(html);
                    map.addOverlay(miMarca);
                }
            });
        });