2

次のコードを使用して、ポップアップ ウィンドウにマップを表示しています。ただし、マップはポップアップに表示されません。http://maps.google.co.uk/?q=USAの代わりにhttp://www.w3schools.comを使用すると、正常に動作します。誰か助けてください。

<?php
    echo "<div id='login-box' class='login-popup'>
            <a href='#' class='close'><img src='binc/close_pop.png' class='btn_close' title='Close Window' alt='Close' /></a><br>

    <iframe src='http://maps.google.co.uk/?q=USA'></iframe></div>";

    <a class='login-window' style='color: #0000FF;font: 14px Helvetica;' href='#login-box'>USA</a>

    ?>

スクリプトjquery-1.6.4.jsを含む

<script>
$(document).ready(function() {
    $('a.login-window').click(function() {

                //Getting the variable's value from a link 
        var loginBox = $(this).attr('href');

        //Fade in the Popup
        $(loginBox).fadeIn(300);

        //Set the center alignment padding + border see css style
        var popMargTop = ($(loginBox).height() + 24) / 2; 
        var popMargLeft = ($(loginBox).width() + 24) / 2; 

        $(loginBox).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        // Add the mask to body
        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(300);

        return false;
    });

    // When clicking on the button close or the mask layer the popup closed
    $('a.close, #mask').live('click', function() { 
      $('#mask , .login-popup').fadeOut(300 , function() {
        $('#mask').remove();  
    }); 
    return false;
    });
});

</script>
4

1 に答える 1

1

グーグルが通常のページをiframeから切り離すか、少なくともそれらの存在をチェックして機能を拒否する可能性があります（ただし、maps.google.comソースでこれを直接見つけることはできませんでしたが、それでも..混乱します:)） 。

Maps.google.com自体は、maps.google.comにiframe埋め込みソースを提供します（「リンク」アイコン（リンクされたチェーンアイコン）を押します）。

特定のケースでは、iframeソースは次のようになります。

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/?q=USA&amp;ie=UTF8&amp;hq=&amp;hnear=Verenigde+Staten&amp;t=m&amp;z=4&amp;ll=37.09024,-95.712891&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/?q=USA&amp;ie=UTF8&amp;hq=&amp;hnear=Verenigde+Staten&amp;t=m&amp;z=4&amp;ll=37.09024,-95.712891&amp;source=embed" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>

試してみる。多分これはあなたの問題を解決するでしょう。

（iframeソースがオランダ語のテキスト「Groterekaart weergeven」を使用していることに気づきました。これは、「完全なマップを表示する」を意味します。適切と思われるように置き換えてください）

于 2012-11-07T08:15:39.880 に答える