我需要在页面中添加一些简单的地图。当我尝试这个静态代码时,它可以工作
<iframe src="http://maps.google.it/?ie=UTF8&ll=45.442726,12.3925788&t=w&z=12&output=embed&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 帧选项禁止显示我该如何解决?
你正在这样做:
var code = "src=https://maps.google.it/?ie=UTF8";
将其更改为:
var code = "https://maps.google.it/?ie=UTF8";
此部分将其分配给 iframe 元素的 src 属性:
HTMLiframe.setAttribute("src", code);