javascript - ブラウザの Google API キー。リファラー設定時の問題

Question

Google コンソールでブラウザ API キーを生成し、リファラーを設定しました。

次にhttp://affrirt.comにアクセスし、ブラウザーで JS コンソールを開き、次のコードを実行します (設定でこの API キーに対して「Google Maps Geocoding API」が有効になっています)。

var apiKey = 'AIzaSyAGpR-mG46fDbmWjJwkZZHft_xvZ_dM3cA';
$.getJSON(
    'https://maps.googleapis.com/maps/api/geocode/json?address=12345&key=' + apiKey,
    function(resp) {alert(JSON.stringify(resp));}
);

応答として、次のメッセージが表示されます。

この IP、サイト、またはモバイル アプリケーションは、この API キーを使用する権限がありません。IP アドレス 113.180.75.109 から受信した要求、リファラー: http://affrirt.com/

リファラーを削除すると、API キーが機能し始めますが、これは安全ではありません。したがって、リファラーを設定した場合にのみ問題になります。リファラー パターンのさまざまな形式を試しましたが、何も機能しませんでした。また、しばらく待ってみましたが（「設定が有効になるまでに最大5分かかる場合があります」と表示されたように）、それも役に立ちません。

これを修正する方法があれば教えてください。