带有谷歌地图的厚框答案

【问题标题】：ThickBox with googlemaps带有谷歌地图的厚框
【发布时间】：2009-07-01 21:17:14
【问题描述】：

我想知道是否可以使用 Google 地图 IFRAME 代码显示在厚框 jQuery 灯箱中。我正在尝试使用嵌入的 url 但没有运气的任何帮助。有没有人看到这个问题的解决方案我试过谷歌搜索但无济于事。

【问题讨论】：

【解决方案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>

【讨论】：