Google Maps JavaScript API RefererNotAllowedMapError

私たちは、クライアントの1人用のジオプレースメントアプリを開発しようとしています。まず、独自のドメインでテストします。

Google Maps JavaScript APIに署名しており、有効なブラウザキーがあり、ドメインwww.grupocamaleon.comがそのキーの使用を承認されています。

しかし、エラーなしで実行する最も簡単な例すら作成できません。

私たちのドメインには、キーを使用して次のデモがあります。

（1）http://www.grupocamaleon.com/boceto/aerial-simple.html

しかし、それは機能せず、Firebugコンソールはこう言います：

「Google Maps APIエラー：Google Maps APIエラー：RefererNotAllowedMapError（RefererNotAllowedMapErrorに関するGoogleドキュメントへのリンク）承認するサイトのURL：（1）」

私の資格情報ページには、受け入れるリファラーを追加する可能性がないため、現在、リファラーの追加を含むソリューションは不可能です。

私の資格ページ：

なぜそのエラーが発生するのですか？どうすれば修正できますか？

これはすでにいくつかの回答が含まれている古い質問であることはわかっていますが、同じ問題がありました。私にとっての問題は、console.developers.google.comで提供されている例に従って、ドメインをの形式で入力したことです*.domain.tld/*。これは、すべてでは動作しませんでしたし、私は次のようにこれまでのバリエーションのすべての種類を追加しようとしたdomain.tld、domain.tld/*、*.domain.tldなど

私にとってそれを解決したのは、実際のプロトコルも追加することでした。http://domain.tld/*私のサイトで動作させるために必要なのはこれだけです。https://domain.tld/*HTTPSに切り替える場合は、追加する必要があると思います。

更新：Googleはようやくプレースホルダーを更新して、次の内容を含めましたhttp。

Googleにアクセスしてください。皆さんはAPI資格情報ページで許可されているよりも賢いです。（私はそこで働いている2人の息子がいるので知っています。）

「リファラー」のリストは、それが許可するよりもはるかに厳格です。（もちろん、もっと寛容なはずです。）発見するのに何時間もかかったいくつかのルールがあります：

• リスト内の順序は重要です。リストでURLを上に移動すると、機能する場合があります。
• "http：//"プレフィックスが必要です。
• "localhost"でも必要です： " http：//localhost/foo/bar.html "
• ワイルドカードとしての末尾 *は、文字列比較のように機能するようです。
• 「http：//localhost/foo/bar.html」を使用しても、「http：//localhost/foo/bar.html？arg = 1」は機能しません。（ワイルドカードは役に立ちますか？）
• どちらの製品開発にも、「少なくともhttp：//localhost/foo/bar.html」と「http://my.site.com/foo/bar.html」の2行があります。
• ポート番号（8085？4000？）は必要ないようです。

おそらく他のルールがあるでしょうが、これは退屈な推測ゲームです。

ドキュメントによると、「RefererNotAllowedMapError」は

Google Maps JavaScript APIをロードしている現在のURLは、許可されている参照元のリストに追加されていません。Google Developers ConsoleでAPIキーのリファラー設定を確認してください。

私は自分の個人/仕事用にGoogle Maps Embed APIをセットアップしており、これまでのところHTTPリファラーを指定していません。エラーは登録していません。設定により、アクセスしているURLが登録または許可されていないようにGoogleに認識させる必要があります。

変更しただけでは、設定が有効になるまでに最大5分かかる場合があります。

多くのリファラーのバリエーションを試し、Googleがフォームフィールドに入力するサンプルに欠陥があることに気づくまで5分間待ちました。彼らは示す：

*.example.com/*

ただし、これはドメイン名を持っているsubdomain.場合www.、またはドメイン名の前にある場合にのみ機能します。以下はすぐに機能しました（Googleの例では先頭の期間を省略しています）。

*example.com/*

よるGoogleドキュメント ので、これが起こったのurlあなたは、それをGoogleマップAPIを使用している上not registeredでlist of allowed referrers

編集：

Googleドキュメントから

指定されたドメインのすべてのサブドメインも承認されます。

場合はhttp://example.comが認可され、その後、http://www.example.comをも許可されています。逆は当てはまりません。http：//www.example.comが承認された場合、http：//example.comは必ずしも承認されません。

だから、http://testdomain.comドメインを設定してください、それからあなたhttp://www.testdomain.comは仕事を始めます。

正しいAPIが有効になっていることも確認してください。

上記のすべて、アスタリスク、ドメインTLD、フォワードスラッシュ、バックスラッシュなどすべてを試しましたが、最後の希望として1つのURLだけを入力しました。

これはすべて機能しませんでしたが、最終的に私は使用するAPIを指定する必要があることもわかりました（スクリーンショットを参照）

有効にする必要のあるものがありませんでした（私にとってはMaps JavaScript APIでした）

それを有効にすると、すべてを使用して正常に動作しました：

http://www.example.com/ *

それが誰かを助けることを願っています！:)

あなたでもHTTP Referreres十分に有効で、間違った一連のAPI Restrictions原因があることがわかりましたGoogle Maps JavaScript API error: RefererNotAllowedMapError。

例えば：

• キーにJavaScript APIを使用しています。
• 追加http://localhost/*しますApplication Restrictions / HTTP Referrences
• のMaps Embed API代わりに選択Maps Javascript API
• これは〜をひき起こす RefererNotAllowedMapError

ワイルドカード（アスタリスク）は、サブドメイン部分では許可されていません。

• 誤り： * .example.com / *
• 右： example.com/*

Googleがプレースホルダーで言うことを忘れてください、それは許可されていません。

数年にわたって多くの想定される解決策があり、いくつかはもはや機能しなくなり、一部は機能しなかったので、2018年7月末までに私の最新の解決策が機能します。

セットアップ：

Google Maps JavaScript APIは…で適切に動作する必要があります…

• APIを呼び出す複数のドメイン：example.comおよびexample.net
• 任意のサブドメイン：user22656.example.comなど
• セキュアおよび標準のHTTPプロトコル：http://www.example.com/およびhttps://example.net/
• 不明確なパス構造（つまり、多数の異なるURLパス）

解決：

• 実際にプレースホルダーのパターンを使用しています：<https (or) http>://*.example.com/*。
• プロトコルを省略せず、ドメインごとに2つのエントリを追加します（プロトコルごとに1つ）。
• サブドメインの追加エントリ（*.ホスト名が先行）。
• RefererNotAllowedMapErrorエラーはまだ適切な構成を使用して（そして十分な時間待機して）表示されたように感じました。資格情報キーを削除し、リクエストを繰り返しました（現在は取得しています）InvalidKeyMapError）、新しい資格情報を（まったく同じ設定を使用し）作成しました。
• 単なるプロトコルとドメインの追加には、サブドメインが含まれていないようです。
• ドメインの1つでは、作業構成は次のようになります。

（テキストとして:)

Accept requests from these HTTP referrers (web sites)
    https://*.example.com/*
    https://example.com/*
    http://*.example.com/*
    http://example.com/*

これらのHTTPリファラー（Webサイト）からの要求を受け入れる

localhostディレクトリパスを書き込む

私は同じエラーを経験しました：

このリンクでは、APIキーの制限を設定する方法について説明しています。https：//cloud.google.com/docs/authentication/api-keys#adding_http_restrictions

私の場合、問題は私がこの制限を使用していたことでした：

HTTPリファラー（Webサイト）これらのHTTPリファラー（Webサイト）からの要求を受け入れます（オプション）ワイルドカードには*を使用します。空白のままにすると、すべてのリファラーからのリクエストが受け入れられます。本番環境でこのキーを使用する前に、必ずリファラーを追加してください。 https://*.example.net/*

この手段は、次のようなURLのことhttps://www.example.netまたはhttps://m.example.netまたはhttps://www.example.net/San-salvador/が働くだろう。しかし、のようなURLをhttps://example.netまたはhttps://example.netまたはhttps://example.net/San-salvador/は動作しません。2つ目のリファラーを追加するだけで済みます。

https://example.net/*

これで問題が解決しました。

2つのWebサイトドメインを追加しましたが、サブドメインの「*」が機能していませんが、特定のサブドメイン「WWW」と非サブドメインが同じGoogle Map APIキーを使用するWebサイトで機能しています。

サブドメインでは「*」を使用しないでください

お役に立てば幸いです。

API資格情報ページのスクリーンショットを表示しますが、「ブラウザーキー1」をクリックしてそこから参照元を追加する必要があります。

より深くネストされたページの場合

たとえば、フォルダまたはネストされたページにプロジェクトがある場合

http://yourdomain.com/your-folder/your-page これを入力できます

http://yourdomain.com/*/*

重要な部分は、/*/*/*どこまで行く必要があるかによる

と思われる*一致しません/か深いパスに入ります。..

これにより、ネストの深さが深い場合を除き、完全なドメインアクセスが提供されます。

RefererNotAllowedMapErrorプロジェクトに請求先アカウントがリンクされていないことが原因であることが判明するまで、これらの修正はどれも機能しませんでした。したがって、無料トライアルなどを有効にしてください。

1. 課金が有効になっている

2. ウェブサイトがGoogleコンソールに追加されたこと

3. あなたのウェブサイトがあなたのアプリのリファラーに追加されること。

4. （wwwとnone wwwの両方にワイルドカードを使用します）

http://www.example.com/ *およびhttp://example.com/ *

5. そのJavaScriptマップが有効になっていて、正しい資格情報を使用している

6. 上記のGoogleコンソールを有効にするために、ウェブサイトがDNSに追加されていること。

7. それが機能した後、笑顔！

これはひどい実装を持つもう1つのsh1tty Google製品です。

私がこれで見つけた問題は、IPアドレスでAPIキーを制限した場合、機能しないことです...しかし、この点を明確にするのはGoogleから遠く離れています...トラブルシューティングと調査を行って初めて、次のことがわかりました。

IPアドレス制限のあるAPIキーは、サーバー側からの使用を目的としたWebサービス（Geocoding APIや他のWebサービスAPIなど）でのみ使用できます。これらのWebサービスのほとんどは、Maps JavaScript API内に同等のサービスがあります（たとえば、ジオコーディングサービスを参照してください）。Maps JavaScript APIクライアントサイドサービスを使用するには、HTTPリファラー制限で保護できる個別のAPIキーを作成する必要があります（APIキーの制限を参照）。

https://developers.google.com/maps/documentation/javascript/error-messages

FFS Google ...セットアップを明確にするのに役立つかなり重要な情報...

http://www.example.com/ *何度も試してみて、私はうまくいきました。

私はGoogleからのこのヒントを使用して最終的に動作しました：（https://support.google.com/webmasters/answer/35179）

ドメインとサイトの定義は次のとおりです。これらの定義はSearch Consoleの検証に固有です。

http://example.com/ - A site (because it includes the http:// prefix)
example.com/ - A domain (because it doesn't include a protocol prefix)
puppies.example.com/ - A subdomain of example.com
http://example.com/petstore/ - A subdirectory of http://example.com site

私もこれを機能させるのに苦労しましたが、ここにいくつかの指針があります：

• 参照元として設定されたURLにはhttp、http://example.com/*
• Google Maps JavaScript APIが有効になりました
• このアカウントで請求が設定されました

上記のすべてが解決されると、マップは期待どおりに表示されました。

Places API（オートコンプリート）を使用しようとしていて、Places APIが機能する前に、Google Cloud Console内からMaps JavaScript APIを有効にする必要がありました。

サイトでデッキを確認してください。Google Maps JavaScript APIをロードするには、次のようなスクリプトタグを使用します

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

WordPressサイトのfunction.phpファイルでこの宣言を使用しています

wp_enqueue_script("google-maps-v3", "//maps.google.com/maps/api/js?key=YOUR_API_KEY", false, array(), false, true);

この形式でAPIキーを設定しましたが、正常に機能します

http://my-domain-name(without www).com/*

この宣言は機能していません

*.my-domain-name.com/*

（Noneへの）制限の削除は私のために働いた。

私の経験では

http://www.example.com

正常に動作しましたが、最後にhttpsが必要です/ *

ChromeのJavaScriptコンソールは、このインスタンスでは、私は私のHTTPリファラーリストでページ全体のアドレスを宣言提案http://mywebsite.com/map.htm正確なアドレスがあるにもかかわらずhttp://www.mywebsite.com/map.htm -私はすでに他の人が示唆したようにワイルドカードのスタイルを挙げていましたが、これが私にとってうまくいく唯一の方法でした。

これでうまくいきました。APIキー設定での制限には、主に2つのカテゴリがあります。

• Application restrictions
• API restrictions

アプリケーションの制限：

リファラーセクションの下部に、WebサイトのURL " http://www.grupocamaleon.com/boceto/aerial-simple.html "を追加します。さまざまな要件に基づいて、セクションの右側にルールの例があります。

APIの制限：

API制限の下では、ドロップダウンリストから「Maps JavaScript API」を明示的に選択する必要があります。これは、一意のキーがGoogle Maps APIの呼び出し（おそらく）にのみ使用され、以下のスナップでわかるように保存するためです。これがあなたのためにうまくいくことを願っています.....私のために働いた

スクリプトを確認します。

また、スクリプトタグ内の不適切なキー供給が原因で問題が発生する場合もあります。次のようになります。

  <script async defer src="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>