Google Maps APIキーをjavascriptで実装する

Question

私は、HTMLページにJavaScriptコードを使って作成した地図をオンラインに置くことを徹底的に試みています（私はプロの開発者ではなく、私は特にjavascriptでは無知です）。私がhtmlファイルをローカルに保つ限り、すべては正常に実行されますが、オンラインにするとマップは表示されず、欠落しているキーに関するメッセージが表示されます。

私はキーを手に入れましたが、私の問題はそれがどのように機能するかを見つけることです。私はこのスクリプトを追加しようとしました

map = new google.maps.Map(document.getElementById("map"), options); 

：

スクリプトSRC = "https://maps.googleapis.com/maps/api/js?key=#マイマップは、次の命令によって生成されます#### & callback = initMap "async defer

しかし、起こるのはさらにいくつかのエラーです。マップは表示されません。

誰でもお手伝いできますか？事前に感謝してください

Answer 1

代わりに、Googleマップのサイトで取得するiframeを使用する必要があります。例：google developer consoleでの資格情報ページへ

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100994.00356082054!2d-121.9805740058651!3d37.71820818113972!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fe65cd6892231%3A0x3b327c848ef64057!2sDublin%2C+CA+94568!5e0!3m2!1sen!2sus!4v1480970198759" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Answer 2

ゴーその後、上部にあなたがしてボタンをクリックし、そのタブ上ドメイン照合タブをクリックが表示されますするためにドメインを追加サイトがロードされているドメインを追加します。

これを行うとAPIキーは必要ありません。このおかげでGoogleはあなたの要求を追跡することができます。

重要な注意

私はこれがあなたのためのケースであるかどうかはわからないが、あなたが検証ドメインを追加します後は、以前に生成されたあなたの鍵がために使用されていないことを確認していることに注意してくださいそれ以外の場合、APIを使用するGoogle MapのWebサービスは、ドメインを追加した後にエラーを返します。