javascript - 谷歌地图嵌入和权限访问

Question

我需要在页面中动态添加一些简单的地图。当我尝试这个静态代码时，它可以工作

<iframe src="http://maps.google.it/?ie=UTF8&amp;ll=45.442726,12.3925788&amp;t=w&amp;z=12&amp;output=embed&amp;iwloc=near"></iframe>

但是，如果我尝试使用此代码动态添加该 iframe

var HTMLiframe = document.createElement("iframe");
var code = "src=https://maps.google.it/?ie=UTF8";
code += "&ll=" + itemMap.latitude + "," + itemMap.longitude + "&t=w";
code += "&z" + itemMap.zoom;
code += "&output=embed&iwloc=near";

HTMLiframe.setAttribute("src", code);
HTMLelemFather.appendChild(HTMLiframe);

更新：记录了一条错误消息：拒绝显示文档，因为 X-Frame-Options 禁止显示我该如何解决？

Answer 1

你正在这样做：

var code = "src=https://maps.google.it/?ie=UTF8";

将其更改为：

var code = "https://maps.google.it/?ie=UTF8";

这部分将其分配给 iframe 元素的 src 属性：

HTMLiframe.setAttribute("src", code);