0

ajaxリクエストによってdivにGoogleマップをロードしようとしているため、以下のコードを試しました。

<script type="text/javascript">
$(document).ready(function() {
  $('a.lnk').click(function() {
    var url = $(this).attr('href');
    $('#content').load(url);
    return false;
  });
});
</script>
</head>
<body>
<h1>Web page test.html</h1>
<a href="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=6.9906664862927625,+80.74805527925491&aq=&sll=37.0625,-95.677068&sspn=36.094886,86.572266&vpsrc=0&ie=UTF8&t=m&z=14&ll=6.990666,80.748055&output=embed" title="Get extern" class="lnk">Get extern</a>
<div id="content">load here</div>

このコードはマップをロードしませんが、外部のhtmlファイルをロードしようとすると、GoogleマップのURLがロードされ、機能します。divへのajaxリクエストでGoogleマップをロードする方法を教えてください。

4

1 に答える 1

0

同じオリジンポリシーのため、ブラウザーはdiv内の別のサーバーから何かをロードすることを許可しません

できることは、iframe外部サイトを安全にロードできる HTML のセクションである にマップをロードすることです。

これは HTML になります。

<h1>Web page test.html</h1>
<a href="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=6.9906664862927625,+80.74805527925491&aq=&sll=37.0625,-95.677068&sspn=36.094886,86.572266&vpsrc=0&ie=UTF8&t=m&z=14&ll=6.990666,80.748055&output=embed" title="Get extern" class="lnk">Get extern</a>
<iframe id="content">load here</iframe>​

そして、これは JavaScript:

$(document).ready(function() {
    $('a.lnk').click(function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $('#content').attr('src', url);
        return false;
    });
});​

ここで実際の例を参照してください

于 2012-11-17T15:22:01.167 に答える