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);