Windowsエラー
 Computer >> コンピューター >  >> トラブルシューティング >> Windowsエラー

【解決法】「このページでは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万以上のサイトで使用)を例に、具体的な手順を解説します。

  1. 使用中のGoogleマップ系プラグインの設定画面を開きます。多くのプラグインにはAPIキーを入力する項目があります。もし存在しない場合は、プラグインが古いバージョンであるか、更新が停止している可能性があります。
  2. WordPress側のAPIキー設定画面は開いたままにしておきましょう。
  3. Google Cloud Resource Manager(クラウドリソースマネージャー)にアクセスします。
  4. 未ログインの場合はGoogleアカウントにサインインします。
  5. プロジェクトを作成」をクリックし、プロジェクト名を入力して「作成」を実行します。
  6. GoogleのAPI有効化ページに移動します。
  7. 上部の「プロジェクトを選択」をクリックし、先ほど作成した新しいプロジェクトを選択して「続行」します。
  8. APIとサービスの有効化」をクリックします。
  9. Maps JavaScript API」を検索して開きます。
  10. 有効にする」ボタンを押します。
  11. ナビゲーションメニューから「APIとサービス」を選択し、「認証情報(Credentials)」へ移動します。
  12. 「認証情報を作成」のプルダウンから「APIキー」を選択します。
    ポイント:不正利用を防ぎたい場合は、「キーを制限」の設定を行うことも可能です。
  13. 閉じる」をクリックした後、作成されたキーをクリックします。
  14. 「アプリケーションの制限」で「HTTPリファラー」を選択します。
  15. 自分のサイトのURLを追加して「保存」をクリックします。
  16. APIキーをコピーし、WordPressの管理画面に戻ります。
  17. 左側メニューの下部にある「設定」へ移動します。
  18. Google API KEY」の項目を見つけて開き、そこにコピーしたキーを貼り付けます。
  19. 設定を保存し、対象ページを再読み込みして動作を確認しましょう。

重要な注意点:Google Cloudでは課金(お支払い情報の登録)が有効になっている必要があります。無料枠は「300ドル分のクレジット」または「12か月間の無料利用」のどちらか先に終了した方が適用され、それ以降は継続利用のために課金設定が必要となります。事前に料金体系を確認しておきましょう。

  1. Android版Googleマップが遅い・重いときの対処法7選

    Googleマップは、最も人気があり広く利用されているナビゲーションアプリです。しかし、他のアプリと同様に、動作に問題が発生することもあります。そのひとつが「レスポンスが遅くなる」というトラブルです。信号が青に変わる前に現在地を確認したいときや、タクシー運転手に道を案内するときなど、動作の重いGoogleマップを使うのは非常にストレスフルな経験になりかねません。そこで本記事では、AndroidデバイスでGoogleマップが遅くなる原因と、その解決方法を7つご紹介します。 Googleマップが遅いときの直し方 AndroidでGoogleマップが重くなる原因は? Googleマップの動作が遅

  2. 【解決】「このPCはWindows 10にアップグレードできません」エラーの対処法

    「このPCはWindows 10にアップグレードできません」というエラーメッセージが表示されて困っていませんか?デバイスにWindows 10のサポート終了に関するメッセージが出る場合、その原因の多くは古いドライバーや互換性のないドライバーにあります。この問題を回避する方法はいくつかあり、「Windows Updateアシスタント」や「メディア作成ツール」を使用するほか、アップグレードを妨げていることがある「Microsoft Print to PDF」などのプリンタードライバーを無効化するといった対策が有効です。 ご存じのとおり、Windows 10はサービス終了が近づいており、このエラー