我们的目标是具有两个独立的谷歌地图每一个jQuery标签。 这将被包含在一个iframe中。 当的bounds_changed触发纬度/经度和缩放应存储在cookie中。 如果有一个cookie可用,那么在地图就应该对cookie的数据进行定位和缩放。
这似乎与除了实际的Internet Explorer浏览器共同工作。 IE不“刷新”第二个选项卡上的地图。
下面是与“内部”的东西的jsfiddle: http://jsfiddle.net/metaxos/AmVtf/5/
下面是使用iframe中的jsfiddle: http://jsfiddle.net/metaxos/x6SxB/3/
<iframe width="600px" height="600px" src="http://jsfiddle.net/metaxos/AmVtf/5/embedded/result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
现在,这是一个奇怪的一个。 它一直在玩和可以复制在IE10您的问题,一切似乎完美的罚款。
只是碰到这种问题,但是偶然: https://stackoverflow.com/a/15930571/1856970 ,似乎它与即停止,如果你在你的机器名称有下划线被设置cookies ....很奇怪的错误。
尝试另一台机器上测试,如果你有一个可用。
也看到这个可能是相关的:
Q7:我的网站不接受cookie时它是在一个IFRAME运行和父页是从不同的域。 为什么?
答:Internet Explorer有对“第三方”的Cookie的限制。 第三方Cookie是设置或比顶级浏览器上下文不同的域发送的资源饼干。 您可以轻松地通过临时改变IE的工具/选项/隐私设置为“接受所有Cookie”确认P3P / Cookie的限制,这些问题的根本原因。
为了让被可靠地发送此类cookie,你应该在设置cookie时发送P3P头。
您可以使用Fiddler的“隐私检查”来查看和分析任何P3P策略。 要了解更多有关P3P和IE,看看我的快速P3P指南。
更改我的隐私设置如上建议允许这种使用iframe版本。
文章来源: One google maps per jquery tab in IFrame map positioning defect with Internet Explorer only