【解決法】「このページではGoogleマップを正しく読み込めません」エラーの直し方
Googleマップは、世界中のあらゆる地域の地理情報や道路地図を提供するWebベースのマッピングサービスです。しかし、サイトにマップを埋め込んだ際に、本来表示されるべきGoogleマップの代わりに「このページではGoogleマップを正しく読み込めません(This page can't load Google Maps correctly)」というエラーメッセージが表示されることがあります。また、「このページはGoogleマップを正しく読み込みませんでした。技術的な詳細についてはJavaScriptコンソールを確認してください」という形で表示される場合もあります。
注意:本記事の解決策は、一般の閲覧ユーザーではなく、サイト運営者・開発者向けの内容です。
Googleマップが正しく読み込めない原因とは?
以前のGoogleマップ埋め込みプラグインは、特別な設定なしでも問題なく動作していました。しかし近年、Googleは埋め込みマップに関するルールを変更し、現在ではAPIキーの取得と設定が必須となっています。そのため、単純な埋め込みコードだけでは正常に動作しなくなりました。
すでにAPIキーを設定済みの場合は、Chromeブラウザで「検証(Inspect Element)→ Console」タブを開くことで、Googleがマップの表示を許可していない具体的な理由を確認できます。原因としては、キーの入力ミスやキーへの制限設定などが考えられます。
サイト設定にGoogle APIキーを追加する方法
プロジェクトやサイトでGoogleマップを利用するには、Google APIキーを作成し、サイトの設定に追加する必要があります。キーの作成やエラーのトラブルシューティングには、Google Developers(Google Cloud)へのサインインが必要です。
マップ用のスクリプトを手動で挿入している場合は、以下のように記述します。「YOUR_API_KEY」の部分を自分のAPIキーに置き換えてください。
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script>
ここからは、世界で最も利用されているCMSであるWordPress(1億7,200万以上のサイトで使用)を例に、具体的な手順を解説します。
- 使用中のGoogleマップ系プラグインの設定画面を開きます。多くのプラグインにはAPIキーを入力する項目があります。もし存在しない場合は、プラグインが古いバージョンであるか、更新が停止している可能性があります。
- WordPress側のAPIキー設定画面は開いたままにしておきましょう。
- Google Cloud Resource Manager(クラウドリソースマネージャー)にアクセスします。
- 未ログインの場合はGoogleアカウントにサインインします。
- 「プロジェクトを作成」をクリックし、プロジェクト名を入力して「作成」を実行します。
- GoogleのAPI有効化ページに移動します。
- 上部の「プロジェクトを選択」をクリックし、先ほど作成した新しいプロジェクトを選択して「続行」します。
- 「APIとサービスの有効化」をクリックします。
- 「Maps JavaScript API」を検索して開きます。
- 「有効にする」ボタンを押します。
- ナビゲーションメニューから「APIとサービス」を選択し、「認証情報(Credentials)」へ移動します。
- 「認証情報を作成」のプルダウンから「APIキー」を選択します。
ポイント:不正利用を防ぎたい場合は、「キーを制限」の設定を行うことも可能です。 - 「閉じる」をクリックした後、作成されたキーをクリックします。
- 「アプリケーションの制限」で「HTTPリファラー」を選択します。
- 自分のサイトのURLを追加して「保存」をクリックします。
- APIキーをコピーし、WordPressの管理画面に戻ります。
- 左側メニューの下部にある「設定」へ移動します。
- 「Google API KEY」の項目を見つけて開き、そこにコピーしたキーを貼り付けます。
- 設定を保存し、対象ページを再読み込みして動作を確認しましょう。
重要な注意点:Google Cloudでは課金(お支払い情報の登録)が有効になっている必要があります。無料枠は「300ドル分のクレジット」または「12か月間の無料利用」のどちらか先に終了した方が適用され、それ以降は継続利用のために課金設定が必要となります。事前に料金体系を確認しておきましょう。
-
Android版Googleマップが遅い・重いときの対処法7選
Googleマップは、最も人気があり広く利用されているナビゲーションアプリです。しかし、他のアプリと同様に、動作に問題が発生することもあります。そのひとつが「レスポンスが遅くなる」というトラブルです。信号が青に変わる前に現在地を確認したいときや、タクシー運転手に道を案内するときなど、動作の重いGoogleマップを使うのは非常にストレスフルな経験になりかねません。そこで本記事では、AndroidデバイスでGoogleマップが遅くなる原因と、その解決方法を7つご紹介します。 Googleマップが遅いときの直し方 AndroidでGoogleマップが重くなる原因は? Googleマップの動作が遅
-
【解決】「このPCはWindows 10にアップグレードできません」エラーの対処法
「このPCはWindows 10にアップグレードできません」というエラーメッセージが表示されて困っていませんか?デバイスにWindows 10のサポート終了に関するメッセージが出る場合、その原因の多くは古いドライバーや互換性のないドライバーにあります。この問題を回避する方法はいくつかあり、「Windows Updateアシスタント」や「メディア作成ツール」を使用するほか、アップグレードを妨げていることがある「Microsoft Print to PDF」などのプリンタードライバーを無効化するといった対策が有効です。 ご存じのとおり、Windows 10はサービス終了が近づいており、このエラー