php - 嵌入式 Google map 错误 - 阻止了具有来源的框架

Question

我正在尝试在客户的网站上嵌入 Google map 。

这是我正在使用的嵌入代码，它是从嵌入它的页面的 View 源代码中复制而来的。我按照此页面的说明进行操作 http://maps.google.ca/help/maps/getmaps/plot-one.html

<iframe width="180" height="250" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=
&q=5590+Joliet+Street+Denver,+Colorado+88239&aq=&sll=34.168218,-111.930907
&sspn=15.047206,26.30127&ie=UTF8&hq=&hnear=5590+Joliet+St,+Denver,+Colorado
+80239&ll=39.797915,-104.860812&spn=0.013667,0.025685&t=m&z=14&output=embed">
</iframe>

我收到错误消息(Chrome 开发者工具、控制台)阻止了来源为“http://maps.google.com”的框架访问来源为“http link here”的框架。协议(protocol)、域和端口必须匹配。”并且没有 map 显示。

有趣的是，当我将其粘贴到文本文档并将其另存为 HTML 并在 Chrome 中打开时， map 会显示，但我在 Dev Tools 中仍然遇到相同的错误(除了原点为空)。

应用程序是 php，我试过 remove_header();选项，它没有改变任何东西，我确保 iframe 中的链接包含 output=embed。

我试过 FF、Chrome 和 IE 10，结果都一样。

这是指向相关页面的链接。 (无法发布IP地址链接)198点 154点 220点 143/联系人/

Answer 1

您的协议(protocol)不匹配，https 与 http。我刚看到您发布的页面上显示的所有控制台错误，它们都将谷歌地图链接显示为 https，而您的网站是 http。

这已在 SO 上弹出几次，并且反复出现的建议是改用 Google Maps API。

Getting http/https protocols to match with <iframe> for maps.google.com