asp.net-mvc - 嵌入谷歌地图 IFRAME

Question

我似乎无法让它工作，而我过去一直这样做，成功......

我正在尝试在网页中嵌入谷歌地图 iframe。 iframe 不会加载，显示错误消息，说:

Chrome，在控制台中:拒绝显示文档，因为 X-Frame-Options 禁止显示。

IE9，页面上:此内容不能在框架中显示

我采取的步骤是:

在浏览器中访问谷歌地图

去我想嵌入的地方

点击链接图标

复制粘贴“粘贴 HTML 以嵌入网站”标签下显示的链接。

我正在使用 ASP.NET MVC4，在 IIS Express 中本地运行，但在 IIS7 中的服务器上也发生了同样的情况。

奇怪的是，当我只是创建一个本地 HTML 文件并从文件系统打开它时，我没有遇到问题。

在 jsfiddle 中粘贴代码时，它似乎确实有效。

我是否需要配置 IIS 或在我的 header 中添加一些东西，或者类似的东西？

HTML 片段

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.be/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Kortrijk,+Belgium&amp;aq=0&amp;oq=kortrijk,+bel&amp;sll=50.802805,3.279785&amp;sspn=0.351067,0.617294&amp;t=h&amp;ie=UTF8&amp;hq=&amp;hnear=Kortrijk,+West+Flanders,+Vlaams+Gewest&amp;ll=50.802897,3.280106&amp;spn=0.350496,0.617294&amp;z=11&amp;iwloc=A&amp;output=embed"></iframe>

Answer 1

感谢我的一位同事敏锐而富有洞察力的眼光，我们发现了这个问题。

首先，它似乎只出现在比利时 map 上，http://maps.google.be , (afaik, 显然), 而不是 http://maps.google.com .

调用 IFRAME 内容时，google 会将 IFRAME 内容重定向到相同的 URL，但使用 ?wmode=transparent附加。

浏览器不允许多个“？”在一个 url 中，所以它中止了这个 Action 。

修理:

使用与 Google map 生成的 URL 相同的 URL，但只需附加以下内容:

&wmode=transparent