googlemapsのThickBox

Question

GoogleマップIFRAMEコードを使用して、thickbox jQueryライトボックスに表示することができるかどうか疑問に思っていました。私は埋め込まれたURLを使用しようとしているすべてのヘルプが運がない。誰かがこの問題の解決策を見ているが、私はグーグルで試したが役に立たなかった。

Answer 1

Google iframeを隠しdivに配置して、それをThickboxでinline contentという名前で開くだけです。

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