Google MapsのAPI登録をしたのにMapが表示されなくて困った場合

2016年6月22日から新規サイトでGoogle Mapsを使用する場合はAPIキーが必須になりました。そこで困っていた問題がようやく解決したので載せておきます。

WordPressのMap系プラグインを使用してサイト構築をしていたので、新規サイトを作る場合この問題がダイレクトに足枷になって困っていました。

「Simple Map」や「Page Builder by SiteOrigin」で地図を表示させることが多かったので、影響が大きかったのです。

「Page Builder by SiteOrigin」の質問掲示板でも外人達が「地図が表示されない」で困っている書き込みが複数あって上手く解決できていないようでしたから、どうればいいかわからない。

要はGoogle Maps APIs for WebでAPIキーの登録をすれば良いという話なんですが、その説明通りにやっても上手く表示されなくて2ヶ月くらい解決方法がわからなかったのですね。

ネットでその辺を解説している記事を見ても、判を押したように文面が全く同じものだから「このやり方で解決しないってことは私の環境がマズいのだろうか」と悩みましたが、やっとわかりました。

説明例文の最初のアスタリスクがいらない

プラグインのAPIキーの項目にAPIキーを入力しても表示されない、と困っている方。

プラグインにはたぶん問題がありません。

問題はAPIキー設定時のHTTPリファラー設定です。

設定例だと「*.example.com/*」とあります。

よって解説記事もそのまま上記の通り書いてあるサイトが多いのですが、最初のアスタリスクがいらないのでした。

要は「.example.com/*」です。

それでも表示されない場合は最初のドットもなしで

「example.com/*」にしてください。

これで表示されるようになったのではないでしょうか？

wwwがある場合だと「*.example.com/*」で表示されるようです。

googleさん、これの確認作業に非常に時間を取られて大変です・・・。