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);
                }
            });
        });
 

[Panino5001]

No sé demasiado acerca de jQuery, pero si funciona de acuerdo a lo que es lógico, el método ready se debe ejecutar cuando se produce el evento DomContentLoaded o cuando document.readyState es igual a complete o cuando doScroll('left') está disponible. Y casi todo eso sólo sucede antes del evento onload y sólo una vez, así que si querés que funcione deberías no supeditarlo a la función ready sino directamente al click del elemento con id contactar.

[InKarC]

Sip... $(document).ready() no deberia estar hay..


Y segundo... por que se complica tanto para añadir un google map? Puede simplemente coger el codigo del iframe personalizado y que lo colocoque como html

Código Javascript:

$("#mapa").click(function(){
 
$("#contenido").html('<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=es&amp;msa=0&amp;ll=4.612251,-74.073365&amp;spn=0.005828,0.009645&amp;msid=206281481573670407253.0004a18dd80af5eb3ebf7&amp;output=embed"></iframe><br /><small>Ver <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=es&amp;msa=0&amp;ll=4.612251,-74.073365&amp;spn=0.005828,0.009645&amp;msid=206281481573670407253.0004a18dd80af5eb3ebf7&amp;source=embed" style="color:#0000FF;text-align:left">Prostibulo</a> en un mapa más grande</small>')
 
})
 

Ejemplo funcionando. Suerte.

[kyke_89]

Muchísimas gracias a los dos, la respuesta de Panino no me lo arregló pero almenos hizo mi código mas correcto, y finalmente puse un mapa con el asistente como me dijo InKarC, que la verdad es que me estaba complicando la vida XD.

Saludos!