javascript - 修复 iframe 调用 location.href 的问题

Question

我正在尝试嵌入一个mapquest方向页面，例如http://www.mapquest.com/maps?1c=Ann+Arbor&1s=MI&1a=1440+Hubbard+St&1z=48109-2083&1y=US&1l=42.293437&1g=-83.724491&1v=ADDRESS&2c=Ann+Arbor&2s=MI&2a=930+N+University+Ave&2z=48109-1055&2y=US&2l=42.278558&2g=-83.737969&2v=ADDRESS使用 iframe。问题是至少有一个 javascript 调用 location.href 导致脚本挂起。如果我没记错的话，这是因为我嵌入页面的页面位于不同的域中。有什么办法可以解决这个问题吗？

Answer 1

看来您需要使用他们的“embeddable maps ”功能，而不是自己使用 iframe。

跨域 DOMing 是禁忌，浏览器制造商会努力确保您不会违反同源策略。这是一个重大的安全问题，因此确实无法做到。

当我在网站上使用“链接到/嵌入”选项时，我得到了以下信息:

<iframe style="height: 270px; width: 450px;" src="http://www.mapquest.com/embed#b
/maps/m:map:12:42.293449:-83.724489::::::1:1:::::::::
/l::1440+Hubbard+St:Ann+Arbor:MI:48109-2083:US:42.293437:-83.724491:address::1:::
/l::930+N+University+Ave:Ann+Arbor:MI:48109-1055:US:42.278558:-83.737969:address::1:::
/io:1:::::f:en_US:M::/e" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
</iframe>

看来他们制作了自己的脚本等并在 iframe 中运行。

编辑

Google map 会在嵌入式 map 上显示路线(如果您可以选择):Google Maps link