会員証アプリにて、店舗情報を表示する際にGoogleマップを表示する実装がある場合、Google側のコンソール画面にていくつか設定を行わないと下記のようなエラーが表示されてしまいます。
【設定が必要な情報】
(設定1)Google Cloud Platformにて、クレジットカード情報を設定
(設定2)Google Maps JavaScript APIで、1日当たりの表示上限数を設定
※Google Mapは1か月当たり無料で利用可能な上限数が決まっています。この回数を超えた場合は課金が行われますが、無料枠内で利用したい場合は、上記の(設定2)を設定することで、無料範囲内で閲覧できるように設定できます。例)上限10000件の場合、1日当たり約300回となります。無料上限枠、料金体系は変動する可能性があるため最新の情報はHPを参照してください。
https://developers.google.com/maps/billing-and-pricing/pricing?hl=ja#map-loads-pricing
≪(設定1)Google Cloud Platformにて、クレジットカード情報を設定≫
(1)下記URLにアクセスします
https://console.cloud.google.com/
(2)ページ上部のGoogle Cloud Platformという文言の右横のプルダウンメニューより「○○○○-dis」を選択してください。(「○○○○」はお客様のアプリ名や会社名などが入ります)
(3)ページ上部のGoogle Cloud Platformという文言の左横のメニューをクリックして
「課金」をクリックします
(4)「請求先アカウントを管理」をクリックします
(5)「請求先アカウントを追加」をクリックします
(6)以下の通りに情報を入力して、「同意して続行」をクリックします
| 国 | 日本 |
| 新機能のお知らせ、パフォーマンスに関するアドバイス、・・・を受け取ります | 「はい/いいえ」は任意で選択 |
| Google Cloud Platform無料トライアル・・・に同意します | 「はい」を選択 |
(7)お客様情報やクレジット情報などを入力して、「無料トライアルを開始」をクリックします。
≪(設定2)Google Maps JavaScript APIで、1日当たりの表示上限数を設定≫
(1)下記URLにアクセスします
https://console.cloud.google.com/google/maps-apis/apis/maps-backend.googleapis.com/quotas?folder=&organizationId=&project
※ログインがまだの場合は、Googleのディベロッパーアカウントでログインください
(2)ページ上部のGoogle Cloudというロゴの右横のプルダウンメニューより各社様のプロジェクトを選択します
※プロジェクト名は「○○-dis」となっているかと思います。(「○○」はお客様のアプリ名や会社名などが入ります)
(3)(2)中央のクイックアクセスメニューから、「APIとサービス」>「有効なAPIとサービス」
(4)下にスクロールし「Maps JavaScript API」項目をクリックします
(5)Maps JavaScript APIの左側タブメニュー「割り当て」をクリックします
(6)タイトル「割り当て」の横に表示されている「Maps JavaScript API」を再度選択します
(7)「Map loads per day」項目の「その他の操作(3つ●の並んだマーク)」をクリックします
(8)「割り当ての編集」をクリックします
(9)「無制限」のチェックを外し、割り当て上限に「300」と入力します
(10)「確認」にチェックを入れて、「保存」をクリックします
(設定1)・(設定2)を設定いただくとアプリのGoogleマップが正常に表示されます。
※設定後まもなく反映されます。
【設定しても、Googleマップが表示されない場合】
(設定1)・(設定2)の設定をしてもGoogleマップが表示されない原因として、
(設定1)のクレジット情報の設定が「○○-dis」というプロジェクトに紐づけ出来ていないケースが多いです。
※「My Fast Project」のみに設定で作業を終えられている場合がございます。
≪ (設定1)の確認方法 ≫
(1)Google Cloud Platformという文言の右横のプルダウンメニューより各社様のプロジェクトを選択します
※プロジェクト名は「○○-dis」となっているかと思います。(「○○」はお客様のアプリ名や会社名などが入ります)
(2)左上のナビゲーションメニューから「お支払い」をクリックします
(3)「このプロジェクトには請求先アカウントがありません
このプロジェクトは請求先アカウントにリンクされていません」と
表示されている場合は「○○-dis」に請求先アカウントの紐づけが完了していません。
(4)「請求先アカウントをリンク」をクリックします
(5)「請求先アカウント」をご登録頂いるものを選択し「アカウントを設定」をクリックします
上記の作業でプロジェクト「○○-dis」に請求先アカウントが設定できます。
【上記を設定してもGoogleMapが表示されない場合】
Google Cloudにて、API とサービス > 認証情報 > Browser keyを選択 > API の制限 箇所を全部選択していただき、解消されるかをご確認ください。