私は、JavaScriptから動的にGoogle MapsのAPIキーを設定/変更することはできますか？

Question

私は、私が研究開発をしています小規模なWebアプリケーションでの問題に直面している：私のHTMLソースは、別のサイト上のHTMLソースに統合されます。私は私のコードでGoogleマップを使用していますので、私は、現在のドメインでGoogleマップスクリプトをロードするためのAPIキーを渡す必要があります。

問題：私のコードは2つの異なるAPI-キーを必要とする、2つの異なるドメインに統合されます。私はそれらの2つのキーを持っているし、（document.location.hostの助けを借りて）はJavaScriptで有効なものを識別することができますが、どのように私は動的に正しいキーでスクリプトをロードするために管理することができますか？

参考：キーは、スクリプトローディングURLにパラメータとして渡されます：

<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript">
</script>

Answer 1

使用

var script = document.createElement("script");
script.setAttribute("src",whatever);
document.getElementsByTagName("head")[0].appendChild(script);

は、使用するスクリプトのソースとどんな置き換え

Answer 2

私はちょうどブログ<のhref = "https://palewi.re/posts/2009/10/29/django-recipe-dynamically-load-your-google-maps-api-key/" のrel = "nofollowを"noreferrer>この問題の解決策-だろう。見てください、私はあなたが何を聞かせ。これは、動的要求でのドメインに基づいて鍵をロードするコンテキストプロセッサです。