ホームページのGoogle Mapが表示されなくなった。

02ホームページ運営のノウハウ

Google Mapが表示されなくなった。

岐阜県のお客様より「ホームページに使っていたGoogle Mapが表示されなくなってしまったので修正したい」とお問い合わせを頂きました。これは、ホームページ自体のエラーではなく、2018年に発表された「Google Maps Platform」という地図表示に関するサービス移行・ルールが大きく変更されたことが原因となります。

Googleアカウントを取得し、「APIキー」というものを設定すれば再び表示がされますので、不具合が発生した場合は下記の設定をお願いします。

まずは「Googleアカウント」を取得・準備してください。

まずは、設定に必要な Googleアカウントの取得・準備をお願いします。既にアカウントを持っている場合は、そのアカウントを使って頂いて構いません。

アカウント取得は、下記にサポートページを参考にしてください。
https://support.google.com/accounts/answer/27441?hl=ja

 Googleアカウントでログインしてください。

準備したGoogleアカウントでログインを行なってください。ログインは、下記のページなどで行なってください。

https://www.google.co.jp/

Google Cloud Platformにアクセスして設定を行います。

Googleアカウントにログイン後、下記の「 Google Cloud Platform」にアクセスしてください。

https://console.cloud.google.com/?hl=ja

画面上の「My Project(プロジェクトの設定)」をクリックして表示された画面で「新しいプロジェクト」をクリックしてください。

新しいプロジェクトを設定・プロジェクト名を入力します。

設定画面では、既にプロジェクト名が記載されているために特別な変更は必要ありません。(既に複数のプロジェクトが存在する場合は、識別しやすい名称を入力してください)

そのまま、左下の作成ボタンをクリックしてください。

左メニュー「APIとサービス」をクリック

左メニューの「APIとサービス」をクリックし、表示された画面の上部「APIとサービスの有効化」をクリックします。

 

Maps Javascripit APIを有効にします。

画面上の「Maps Javascripit API」をクリックし次の画面で、ブルーの「有効にする」ボタンをクリックしてください。

(上記画面は、当社管理上、既に管理・有効済みになっています)

認証を行います。

有効化が終了した後、改めて左メニュー「APIとサービス」の「認証情報」をクリックします。

画面上の「認証情報を作成」をクリックし、「APIキー」を選択してください。

APIキーが作成されます。

表示されたAPIキーを使用して、ホームページのGoogleMap部分に設定することでGoogleMapが正常に表示されます。ただし、お支払い情報の設定(クレジットカード)の登録が必要な場合もございます。

当社お客様でGoogleMapの修正をご希望の場合は、このAPIキーをご連絡ください。

 

 

 

  • このエントリーをはてなブックマークに追加

関連記事

  1. ワードプレスのスマホアプリで日本語変換ができなくなった。

    02ホームページ運営のノウハウ

    ワードプレスのスマホアプリで日本語変換ができなくなった。

    ホームページのブログ(ワードプレス)をスマホで更新する人が本当に増えて…

  2. 02ホームページ運営のノウハウ

    ブログが更新できなくなってしまった。(Movable Type旧バージョン)

    「ブログを書こうと思ったら、更新できなくなってしまった」と建築・リフォ…

  3. 02ホームページ運営のノウハウ

    SSLを導入したらワードプレスに管理画面にアクセスできなくなった。

    ホームページにSSLを導入したお客様より「ホームページを更新しようと思…

  4. 配布したちらし(紙)も、ホームページに掲載した方がいいですか?

    02ホームページ運営のノウハウ

    配布したちらし(紙)も、ホームページに掲載した方がいいですか?

    岐阜市の空調設備会社のお客様より「近隣にポスティングしたちらしも、ホー…

  5. 02ホームページ運営のノウハウ

    ワードプレスで表示されるユーザー名を変更したい。

    ワードプレスのコメント機能を使っているお客様から「コメント欄に表示され…

  6. ホームページの改善ポイント 入り口ページを見直す。

    02ホームページ運営のノウハウ

    ホームページの改善ポイント。「入り口」を見直すことが大切です。

    アパレル会社さんとの定期ミーティングで行なった、ホームページの改善ポイ…

最近の記事

  1. 特定の写真・画像・ボタンなどからPDFファイルにリンクできますか?
  2. 特定のページにパスワードを設定したい。(社員専用ページを作りたい)
  3. 様々な国の国旗を並べた画像
  4. トップページだけリニューアルすることはできますか?
  1. HPに動画を載せたいけど、youtubeを使うべきですか?

    02ホームページ運営のノウハウ

    HPに動画を載せたいけど、youtubeを使うべきですか?
  2. トップページだけリニューアルすることはできますか?

    ホームページ作成・運営に関するQ&A

    トップページだけリニューアルすることはできますか?
  3. ホームページを更新する「ネタが無い」は言い訳。

    02ホームページ運営のノウハウ

    ホームページを更新する「ネタが無い」は言い訳。
  4. ワードプレスはタイマー設定できますか?

    ホームページ作成・運営に関するQ&A

    ワードプレスはタイマー設定できますか?
  5. ファビコンを付けてほしいのですが・・・

    02ホームページ運営のノウハウ

    ファビコンを付けてほしいのですが・・・
PAGE TOP