嵌入页面object&&iframe

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了嵌入页面object&&iframe相关的知识,希望对你有一定的参考价值。

参考技术A 嵌入页面可以有很多种方式,现在我们来讲下<object>标签和<iframe>标签:

Iphone/Ipad 谷歌地图 iframe 嵌入

【中文标题】Iphone/Ipad 谷歌地图 iframe 嵌入【英文标题】:Iphone/Ipad Google Maps Iframe Embed 【发布时间】:2011-03-08 09:21:58 【问题描述】:

我在 iframe 中嵌入了谷歌地图。就像这样:

<iframe   frameborder="0" scrolling="no" margin 
margin src="http://maps.google.de/?ie=UTF8&amp;ll=51.151786,10.415039&
amp;spn=23.5119,51.723633&amp;t=h&amp;z=5&amp;output=embed"></iframe>

在浏览器中这很好,但 Iphone/Ipad 会尝试加载应用程序。这似乎工作正常(我自己没有),但是页面加载并且用户收到一条弹出消息,询问他是否要运行该应用程序。有没有办法只在 iframe 中显示地图?

【问题讨论】:

有趣的问题。不能说我见过这样做的网站。它似乎总是加载一个应用程序。当然,我在我的 iPhone 上使用网络浏览器的次数不多.... 【参考方案1】:

我认为最简单的方法是直接使用 Google Maps API 加载 Google Maps。

我最近遇到了这个问题,发现this tutorial中的代码非常完整和有用。

【讨论】:

你能详细解释一下吗?我网站的联系我们页面上有一张谷歌地图,根据谷歌地图给我的代码嵌入。它不适用于 iPhone。单击“查看更大的地图”或类似的东西会将我带到谷歌地图应用程序,该应用程序有效,但网站上的地图显示为空白,并带有以下文本:Sign in, View in Mobile | Classic, (c) 2012 - Privacy, Loading... Mobile 已选中,Loading... 有一个图标永远旋转。 不幸的是,我认为人们会首先使用 embed 方法,因为它比使用 API 容易得多。【参考方案2】:

我猜这不是在 html/iFrame 中加载 googleMap 的正确方法...

我也很感兴趣,这就是我的管理方式(它在 iFrame 中运行良好):使用“apple iWeb”小部件谷歌地图......这是一个低成本软件......

这是我在“myGoogleMap.html”中的 html 代码(在我删除了所有未使用的 html 之后):

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="iWeb-Build" content="local-build-20110308" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=700" />
    <title>Testo
</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Vuoto_files/Vuoto.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Vuoto_files/VuotoIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/GoogleMap/GoogleMap.js"></script>
    <script type="text/javascript" src="Vuoto_files/Vuoto.js"></script>
  </head>
<body style="background: rgb(0, 0, 0) margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">

    <div class="com-apple-iweb-widget-GoogleMap aboveStrokesAndFrames" id="widget1"
   style="height: 400px; left: 0px; opacity: 1.00; position: absolute; top: 0px; width: 320px; z-index: 1; ">
    </div>

    <script type="text/javascript"><!--//--><![CDATA[//><!--
new GoogleMap('widget1', 'Scripts/Widgets/GoogleMap', 'Scripts/Widgets/SharedResources', '.', "language": "it", "showInfo": "0", "locatedAddressIsFromGeocoder": "1", "unlocatedAddress": "", "zoomLevel": "6", "center": "51.261915,10.151367", "locatedAddressPoint": "19.56661,-99.134932", "locatedAddress": "my address in Mexico, Pico de Orizaba 3A, Lomas de Cuautepec, Delegazione Gustavo A. Madero, Cittá del Messico, Distrito Federal, Messico", "showGoogleBar": "1", "showMarker": "1", "showZoom": "1");
//--><!]]>
    </script>
</body>
</html>

然后我将它加载到另一个 html 中:

<iframe   frameborder="0" scrolling="no" margin 
margin src="Sito-test/myGoogleMap.html">
</iframe>

当然你也需要 iWeb 制作的 javaScript,但我不确定我是否可以合法地展示它们......

无论如何,关键是现在您知道可以将其加载到 iFrame 中而无需“安装应用程序问题”...

【讨论】:

以上是关于嵌入页面object&&iframe的主要内容,如果未能解决你的问题,请参考以下文章

在 HTML 中嵌入 PDF

jQuery 在页面加载时播放 iframe 嵌入的 YouTube 视频

我可以从父页面验证 iFrame 页面吗?

Spotify iframe 嵌入带有黑色主题播放器和白色主题播放列表的白色主题加载

嵌入在 iframe 中的 Three.js 在 iOS 8/9 中不断增长

使用 iframe 或 Object 标签将网页嵌入另一个