使用带有 Lightbox2 的谷歌地图答案

【问题标题】：Using google maps with Lightbox2使用带有 Lightbox2 的谷歌地图
【发布时间】：2013-09-01 12:17:51
【问题描述】：

有人知道如何使用 Lokesh Dhakar (http://lokeshdhakar.com/projects/lightbox2/) 的 lightbox2 显示谷歌地图吗？我可以看到很多显示图像的示例，但没有显示地图的示例。我用的是灯箱，但是以后版本的 jquery 会出现问题。

这是显示图像的方法

<a class="example-image-link" href="img/demopage/image-1.jpg" data-lightbox="example-1">
    <img class="example-image" src="img/demopage/thumb-1.jpg" alt="thumb-1" width="150" height="150"/>
</a>

我尝试做这样的事情，但它似乎不起作用：

<a href="https://maps.google.co.za/maps?q=S29.103,+E30.104&hl=en&sll=29.103,-30.104&sspn=0.00824,0.016512&t=h&z=12" data-lightbox="map" >
    location
</a>

【问题讨论】：

Lightbox2 仅用于图像。
你能为谷歌地图推荐任何东西 - 灯箱风格。该项目是 jquery/knockout/boostrap，因此在该组框架中工作的任何库都会有所帮助
我用的太久了，所以我不能推荐一个特定的产品，但是查询jquery lightbox iframe 会出现最受欢迎的产品——colorbox、fancybox、easybox 和其他几个。它们的功能集略有不同，看看哪一个适合你

标签： jquery lightbox2

【解决方案1】：

直接回答

Lightbox2 不支持图片以外的任何内容。

另类

这是一个example of how to roll your own lightbox 用于使用一些简单的 css 和 jQuery 的 Google 地图。

基本上唯一真正的挑战是在叠加层的第一次显示时调整画布的大小。

其他灯箱替代品

【讨论】：

谢谢 - 看起来不错。我确实已经尝试过fancybox，但是遇到了跨脚本错误。将继续尝试并尝试其他两个。