ページで JQuery Mobile バージョン 1.1.1 を使用しています。
Googleマップを表示するURLがあり、それをページに表示したいので、次のようにiframe srcにURLを追加しました:
<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 に何も表示されないことです。
理由はありますか?