[Plugin: jQuery Colorbox] Google Static Maps doesn't works

  • Radovan Smitala

    (@adorei)


    12 years, 6 months ago

    Hello,

    When i put Google maps to href attribute, and when click on it, i get only colorbox wrapper without content. Is any way to show google maps in colorbox ?

    Thanks,

    My code

    <a class="colorbox-link" href="http://maps.google.com/maps/api/staticmap?size=800x800&maptype=roadmap&sensor=false&markers=color:red|48.127588,17.094725"><img src="http://maps.google.com/maps/api/staticmap?size=192x192&maptype=roadmap&sensor=false&markers=color:red|48.127588,17.094725" alt="" /></a>

    http://wordpress.org/extend/plugins/jquery-colorbox/

Viewing 4 replies - 1 through 4 (of 4 total)
  • NCompass

    (@ncompass)

    12 years, 2 months ago

    My solution is to use hidden divs… so you have a <div style=”display:hidden”>

    Next you can insert a Div that contains the Google Map iFrame…

    <div if=”name”>
    <iframe width=”xx” height=”xx” frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://www.google.co.uk/maps/ms?msa=0&msid=205301475944891957823.0004adf0de8d51ed57a8c&ie=&#8230;.</iframe></div>

    Then in your colorbox link you can do a target link #name that calls the hidden iFrame as needed…

    This works 100% in FF, Chrome, Safari and IE9, but NOT IE8 and IE7, shame… help anyone?

    Plugin Contributor techotronic

    (@techotronic)

    12 years, 2 months ago

    For some reason, links to google stopped working within the Colorbox a few months ago.
    For example, links to google.com or paypal.com won’t work either. Maybe the sites use Framekiller scripts:
    http://en.wikipedia.org/wiki/Framekiller

    Cheers,
    Arne

    NCompass

    (@ncompass)

    12 years, 2 months ago

    Hi Arne, I have an update on this issue. When working with WordPress and the Colorbox plugin, you need to be aware of conflicting plugins, this is the principal cause of Google and Paypal not working, The most common cause is a conflicting call to Jquery.

    For me the Contact Form 7 plugin conflicts with Colorbox.

    Plugin Contributor techotronic

    (@techotronic)

    12 years, 2 months ago

    if there was a jQuery conflict, the plugin wouldn’t work at all.

    Links to sites like google.com or paypal.com won’t work even if you use the Colorbox library in a local HTML page…

    Actually, loading google in the Colorbox was an example that Jack distributed with the library, but removed it in December 2011 after it stopped working.

    Cheers,
    Arne

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: jQuery Colorbox] Google Static Maps doesn't works’ is closed to new replies.