WordPress.org

Ready to get started?Download WordPress

Forums

Google Map Lightbox Popup
[resolved] Hyperlink to show lightbox (11 posts)

  1. pricklepantz
    Member
    Posted 1 year ago #

    Hi, is it possible to just show a hyperlink to click and then show the map in lightbox?
    So that it can be inline with text. Thanks

    http://wordpress.org/extend/plugins/google-map-lightbox-popup/

  2. Megha Sharma
    Member
    Posted 1 year ago #

    Hi,

    sorry for replying late, and yes its possible to show a hyperlink to click and then show the map in lightbox please follows the given instructions below...

    1. Just copy and paste the code in your page/post editor (given below).
    click here to open map

    2. Replace the word gfullmap_options with the name of your Google map (that you want to display in popup).
    We hope it would be helpful for you.

    Please let us know if you have any query/issue regarding this and don't forget to rate the plugin.

  3. Sketch Themes
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Thanks Megha for resolving the issue.

    Best,
    Tikendra

  4. jockoe
    Member
    Posted 1 year ago #

    Hi,

    I am looking to do this exact same thing, but I do not see the needed code in your post. Can you repost the code I'd need to link to the map?

    Thank You

  5. Megha Sharma
    Member
    Posted 1 year ago #

    Hi,

    To open Google map popup by clicking of anchor tag, please follows the given instructions below...

    1. Just copy and paste the code in your page/post editor (given below).

    click here to open map

    2. Replace the word gfullmap_options with the name of your Google map (that you want to display in popup).

    We hope it would be helpful for you.

    Please let us know if you have any query/issue regarding this.

    Thanks..

  6. Rahul Raghuwanshi
    Member
    Plugin Author

    Posted 1 year ago #

    To open Google map popup by clicking of anchor tag, please follows the given instructions below...

    1. Just copy and paste the code in your page/post editor (given below).

    <a class="click_it" class-value="createPopup-gfullmap_options" href="javascript:void(0)">click here to open map</a>

    2. Replace the word gfullmap_options with the name of your Google map (that you want to display in popup).

    We hope it would be helpful for you.

    Please let us know if you have any query/issue regarding this.

    Thanks..

  7. CameronW1996
    Member
    Posted 1 year ago #

    I can't seem to get the above code to work. It creates the link but when clicked nothing happens ?

  8. RistaCode
    Member
    Posted 9 months ago #

    I agree with @CameronW1996, the code doesn't work.

  9. Nishant Jain
    Member
    Posted 9 months ago #

    Hi CameronW1996 & RistaCode,

    If you want to use code given by @Rahul Raghuwanshi, you have to add
    Google-Map light-box short-code in page/post editor inside div tag like this:

    <div style="position:fixed;left:-99999px">[showmap name='gfullmap_options']</div>
    
    <a class="click_it" class-value="createPopup-gfullmap_options" href="javascript:void(0)">click here to open map</a>

    Hope it would be helpful to you.

    Thanks,
    Nishant

  10. manzwebdesigns
    Member
    Posted 9 months ago #

    Hi Nishant,

    Nothing happens when I use your code.

    In a footer text widget, I put this:

    <a class="click_it" class-value="createPopup-gfullmap_options" href="javascript:void(0)">12124 Road 111
    Paulding, Oh 45879</a>
    ph: 419 399-3600
    fax: 419 399-3602
    <a href="mailto:sales@insource-tech.com?subject=Can%20InSource%20be%20my%20One%20Source%3F">Email InSource</a>
    <div style="position:fixed;left:-99999px">[showmap name='gfullmap_options']</div>

    I would put a link to the site, but I am doing this locally for now. The staging site is http://ist.manzwebdesigns.net/ (look at the contact section in the right of the footer)

    Thanks,
    Bud

  11. Nishant Jain
    Member
    Posted 9 months ago #

    Hi manzwebdesigns,

    Please make sure that this "[showmap name='gfullmap_options']" short-code does exists.
    And if you have added another Google Map, please use that shortcode and replace anchor tag class value according.

    Like:

    If you add GoogleMap with this name "contactmap", The code would be used like this...

    <div style="position:fixed;left:-99999px">[showmap name='contactmap']</div>
    
    <a class="click_it" class-value="createPopup-contactmap" href="javascript:void(0)">click here to open map</a>

    Hope it would be helpful to you.

    Thanks,
    Nishant

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.