0

Does anyone know how to show google maps using lightbox2 by Lokesh Dhakar (http://lokeshdhakar.com/projects/lightbox2/) I can see lots of examples of showing images, but none on showing maps. I was using lightbox, but it is problematic with later versions of jquery.

This is how to show an image

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

I tried doing something like this, but it doesn't seem to work:

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

1 回答 1

0

直接回答

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

选择

下面是如何使用一些简单的 css 和 jQuery 为 Google 地图滚动您自己的灯箱的示例。

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

其他灯箱替代品

于 2013-09-01T13:20:17.667 回答