Pregunta

Me preguntaba si su posible usar el código de los mapas de Google IFRAME para mostrar en una caja de luz thickbox jQuery. Cualquier ayuda estoy tratando de utilizar la url Embebido pero no hubo suerte. ha visto a nadie una solución a este problema que he intentado googlear pero fue en vano.

¿Fue útil?

Solución

Sólo tiene que poner el iframe Google dentro de un div oculto, y abrirlo como en línea contenido con Thickbox.

<a href="#TB_inlinemodalContent?height=400&width=430&inlineId=modalContent" title="add a caption to title attribute / or leave blank" class="thickbox">Show hidden modal content.</a>

<div id="modalContent" style="display:none;">
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=37.09024,-95.712891&amp;spn=24.455808,37.353516&amp;z=4&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;ll=37.09024,-95.712891&amp;spn=24.455808,37.353516&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
</div>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top