Question

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

我有一个显示谷歌地图的网址，我想在页面上显示它，所以我已将网址添加到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没有显示任何内容。

任何想法为什么？

Answer 1

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

特别是URL

中需要参数&output=embed

JQuery Mobile链接到谷歌地图不显示在iframe中

1 个答案: