Google Maps JavaScript APIはローカルホストで動作していますが、ライブサーバでは動作していません

Question

現在、Google Map Autofillのアドレス機能を実装して、ウェブサイトのアドレスの緯度と経度を取得しようとしています。 私はGoogleのコンソール上のGoogle Maps JavaScript APIのキーを作成し、スクリプト内のAPIキーを挿入しました：

私はローカルホストでプロジェクトを実行しているとき、それは私に一緒にオートフィル提案アドレスを与えている

<script src="https://maps.googleapis.com/maps/api/js?key=[api_key]&libraries=places&callback=initAutocomplete" 
    async defer></script> 

私が選択した特定の住所の緯度と経度。 しかし、ライブサーバーでプロジェクトを実行しようとすると、いくつかのエラーが表示されます。すべてのエラーを修正しましたが、依然として結果が得られません。 5-6日間試行し、異なるAPIを試しましたが、結果は同じです。

でも、https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressformのコードをコピーしてAPIキーを挿入しても、何も動作していないようです。

私は何をする必要があるのでしょうか？

Answer 1

エラーは使用するAPIキーに参照先の制限があり、APIキーを使用しようとしているドメインが承認済みの参照元ではないことを示しています。

許可された参照元にワイルドカードのアスタリスクを追加する必要がある可能性があります。たとえば、あなたのテストリンク：あなたの場合は

*.p4programming.net/* 

：あなたは、このような何かを述べた

*.digiegeeks.com/* 

またはあなたの安全なp4programmingドメイン用：

http://test.digiegeeks.com/gmap/

あなたのような何かを認可すべきです上記のアスタリスクをワイルドカードとして含めると、依然として参照元エラーが発生しますか？

こちらがお役に立てば幸いです。