jquery - jqueryポップアップウィンドウに表示されるGoogleマップ

Question

私は自分の Web サイトで jQuery 1.7 を使用しています。ライトボックスに Google マップを表示する必要があります。

例: http://dev.visualdrugs.net/mootools/gmapsoverlay/

jQueryで同じことをするのを手伝ってもらえますか.

ありがとう

Answer 1

jQuery Colorbox を使用してこれを行う 1 つの方法に関する手順へのリンクを次に示します。

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

これに対する簡単なコードを次に示します。これには、jQuery とColorbox プラグイン(JavaScript と 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'
    });
});​

デモ