Problema con .html() y google maps

[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.