Affichage de la carte Google dans une fenêtre pop up jquery

Question

J'utilise jQuery 1.7 pour mon site web, j'ai besoin d'afficher une carte Google Map dans une lightbox.

par exemple : http://dev.visualdrugs.net/mootools/gmapsoverlay/

Pouvez-vous m'aider à faire la même chose avec jQuery.

Remerciements

Answer 1

Voici un lien vers des instructions sur une façon de procéder en utilisant jQuery Colorbox :

http://www.primecut.gr/2011/06/colorbox-with-google-maps/

Voici un code simple pour cela. Il faut pour cela utiliser jQuery et l'outil Plugin Colorbox (JavaScript et CSS).

HTML

<a class="googleMapPopUp" href="https://maps.google.com.au/maps?q=south+australia" target="_blank">
    View location map
</a>​

JavaScript

$('.googleMapPopUp').each(function() {
    var thisPopup = $(this);
    thisPopup.colorbox({
        iframe: true,
        innerWidth: 400,
        innerHeight: 300,
        opacity: 0.7,
        href: thisPopup.attr('href') + '&ie=UTF8&t=h&output=embed'
    });
});​

Démonstration