2011-03-08 78 views
4

我试图做一个简单的谷歌地图嵌入,但它并没有在Internet Explorer中运行。我去谷歌地图点击链接按钮,然后复制并粘贴嵌入代码。它正在所有其他浏览器中运行。有谁知道如何使它在IE中工作?我发现很难相信谷歌会让嵌入代码不兼容。嵌入谷歌地图在IE

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=2220+Haine+Drive,+Suite+45+78550&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=44.744674,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=2220+Haine+Dr,+Harlingen,+Cameron,+Texas+78550&amp;view=map&amp;z=14&amp;ll=26.176442,-97.667951&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=2220+Haine+Drive,+Suite+45+78550&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=44.744674,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=2220+Haine+Dr,+Harlingen,+Cameron,+Texas+78550&amp;view=map&amp;z=14&amp;ll=26.176442,-97.667951" style="color:#0000FF;text-align:left">View Larger Map</a></small> 

这是在IE8中。当我切换到兼容模式时,地图工作。我不认为该网站的用户甚至会知道兼容模式是什么,所以我想弄清楚如何能工作。

+0

至少某处请张贴一些示例代码 – 2011-03-08 21:07:46

回答

0

这更是一个黑客,但我认为你可以使用

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 

为了告诉IE8模仿IE7。

+0

谢谢您的回答。它并没有真正的工作。事实证明,地图加载不正确,因为它所在的div显示为:无; 。当你点击某个东西时,div就会出现。显然谷歌地图不渲染时,首先隐藏div。我想通了,但如何解决它。 – 2011-03-09 00:37:03

+0

这足以取代'显示:与'知名度none':hidden'。如果你也想使内容停服了发生在这种情况下,同时还隐藏它改变它的'position'到'absolute'或'fixed'。 – mgol 2012-09-10 15:05:56

0

解决方法很简单:只要找到在IFRAME的src ... LL是地图的中心位置的LL参数。因此,在谷歌地图上找到另一个坐标,它位于主标记上方或下方。复制新的坐标,并改变LL对SRC ......所以,当你显示/隐藏地图,你看你的标记为中心,或在地图