googlemapをサイトに埋め込んでもブラウザで表示されません

Question

WEB制作にて、googlemapを埋め込んだのですが、うまく表示されません。

chomeブラウザのコンソールにて

js?key=(APIコード):34 Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://(サイト).html

と表示されます。

<script src="http://maps.google.com/maps/api/js?key=(APIコード)"></script>

を埋め込んでいます。

6/22からapiコードが必須になったということで取得済みです。
リファラが怪しいと思い
.(サイト)/
(サイト)/*
の2つも試しました。

なお、ローカル環境でも、サーバー上でも「一瞬だけ」マップ表示がでて、その後

このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。

とのエラーが出ます。

どうかよろしくお願いいたします。

Answer 1

ここにＡＰＩが認証されるまで時間がかかると書いてあるサイトがあります。
リンク内容
解決の糸口になりませんか？

あと、試した二つのサイトのＵＲＬが表示されてないです

Comments

[hurley]

ご回答ありがとうございます。
ご提示のサイトは確認済みです。長くて5分とのことなのですが、1hは待っています。
ふたつのサイトは同じサイトですが、まだ非公開のためさくらインターネットでパスワードロックをしています。
パスワードロックが行けないのかも知れないですが、一瞬は表示されるので、その辺りが不思議です。

[chiro.0519]

エラー表示されている、ＵＲＬに飛んで、エラーを読み解くと（英語が苦手なのでgoogle翻訳ですが・・・）
Google Maps JavaScript APIを読み込む現在のURLが許可された参照元のリストに追加されていません。
と出ているので　ドメインの設定でしょうか？
http://nendeb.com/276

[hurley]

無事に出ました。ありがとうございました。
まさにドメインの設定でした。
projectの認証情報からリファラーを確認してみたところ

*.(サイト)/*
(サイト)/* 　←　ドメインの記載ミス

が発覚したので、訂正後、地図が出現しました。

ちなみにgoogle map apiのテンプレの
*.(サイト)/*　前部にワイルドカードを追加する登録方法
では、出なかったことを補足しておきます。

わざわざご回答いただき本当に感謝しております。
ありがとうございました。