Display the map in a lightbox

Hi,

Could you indicate the lightbox you are using, please? The majority of available lightbox are limited to be used with images and videos only.

Best regards.

Hi,
I have not used your plugin with any lightboxes as yet. However, I have Lightbox Plus Colorbox installed. This is just a pre-sale question. If you know any lightboxes that your plugin would work with, I am open to suggestions.
Thanks,
Foaad

Hi,

The lightbox is associated to link, assigning a new attribute to the link. But you cannot insert a link directly to a map. If you associate the lightbox to a link that open a page that includes a map, the map, with the rest of page’s content, will be displayed in the lightbox.

Best regards.

Hi again,
Thanks for your clarifications. Is it possible to embed the map into the lightbox?
Thanks,
Foaad

Hi,

I’m sorry for delay. I’ve found a solution:

1. Insert the map’s shortcode inside a <div> tag, with a class name to identify it, and a style attribute to hide the <div>. The <div> tag should be hidden, but without use the style, display:none;.

<div class=”myclass” style=”width:1px;height:1px;overflow:hidden;”>
[codepeople-post-map]
</div>

2. Finally, you only should insert a button that call the lightbox, and writes the map directly in the lightbox

<input type=”button” onclick=”jQuery.colorbox({html:jQuery(‘.myclass’).html()});” value=”Show Map” />

Best regards.

Hi,
I am speechless. I do thank you for your efforts to find a valid solution to fix this issue. Thanks again. I’ll post the results as soon as I have the site setup.
Best,