谷歌地图的 JQuery Mobile 链接未在 iframe 中显示答案

【问题标题】：JQuery Mobile Link to google map not displaying in iframe谷歌地图的 JQuery Mobile 链接未在 iframe 中显示
【发布时间】：2012-08-31 10:34:50
【问题描述】：

我正在使用带有页面的 JQuery Mobile 1.1.1 版。

我有一个显示谷歌地图的 url，我想在页面上显示它，所以我将 url 添加到 iframe src，如下所示：

<iframe type="text/html" src="https://maps.google.co.uk/maps/ms?msid=201176082552223167980.0004c49fe52444e8ead96&msa=0" frameborder="0" id="myIframe">
</iframe>

整个页面代码如下：

<div data-role="page" id="home">

    <div data-role="header">
        <h1>Page Title</h1>
    </div>

    <div data-role="content">   

    <iframe type="text/html" src="https://maps.google.co.uk/maps/ms?msid=201176082552223167980.0004c49fe52217e8ead96&msa=0" frameborder="0" id="myIframe"></iframe>

    </div>

    <div data-role="footer">
        <h1>Footer Title</h1>
    </div>

</div>

我的问题是 iframe 没有显示任何内容。

有什么想法吗？

【问题讨论】：

标签： google-maps iframe jquery-mobile

【解决方案1】：

转到https://maps.google.co.uk/maps/ms?msid=201176082552223167980.0004c49fe52444e8ead96&msa=0 并使用那里提供的嵌入代码。

特别是URL中需要参数&output=embed

【讨论】：