# AdaloのMapコンポーネントを使用してGoogleMapを表示させたいのですが、
Preview......

**URL:** <https://www.nocode-faq.com/t/topic/486>\
**Category:** Adalo\
**Created:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/486 "2021-02-02T08:52:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/486/1 "2021-02-02T08:52:43Z")

</div>

AdaloのMapコンポーネントを使用してGoogleMapを表示させたいのですが、  
Previewで確認したところMapが表示されませんでした。  
このようなケースではどのような原因が考えられるのでしょうか？  
心当たりがありそうな方がいれば教えてください。。  
ちなみにapiは自分のGoogleアカウントでGoogle Geocoding API、Google Maps JavaScript API、およびMaps SDK for iOSを有効にしてます。HttpリファラーはPreview表示したときのMap画面のURLを指定しています。apiキーを取得するという行為自体初めてなので何か抜けがあるかもしれません。。

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 8:52 UTC](https://www.nocode-faq.com/t/topic/486/2 "2021-02-02T08:52:44Z")

</div>

回答者１  
私の場合、リファラーはうまく設定できませんでした。API制限してやってみてください。

質問者  
ありがとうございます。  
API制限しましたが表示されませんでした。  
ちなみに自分は請求先情報の紐づけを行っていないのですが、これが原因でしょうか？

回答者２  
“ちなみに自分は請求先情報の紐づけを行っていないのですが、これが原因でしょうか？”  
おそらくそうだと思います。  
重要なポイント: Cloud 請求先アカウントにリンクされていないプロジェクトでは、無料ではない Google Cloud サービスや Google Maps Platform サービスを利用することができません。  
Cloud 請求先アカウントの作成、変更、閉鎖

> **[Cloud 請求先アカウントの作成、変更、閉鎖  |  Cloud Billing  |  Google Cloud](https://cloud.google.com/billing/docs/how-to/manage-billing-account?hl=JA&visit_id=637324820901812171-1604662107&rd=1)**

質問者  
ありがとうございます！  
請求先アカウントを作成したらGoogle Mapが表示できるようになりました！！

回答者２  
おめでとうございますーーーーー

回答者１  
クレカ情報はgoogleに入れておかないとダメです。  
リファラーは削除して、  
api制限だけにして、  
apikeyをadaloに入れると行けると思います。

質問者  
クレカ情報が登録されてないのが原因だったようで登録したら表示されました！  
ありがとうございました

回答者２  
よかったです  
リファラーありでいけましたか？

質問者  
Preview表示したときのURLをリファラーに指定して試してみましたが、エラーになってマップ表示できませんでした。。  
リファラーは解除した状態じゃないとダメそうです。

## 参考URL

> **[Cloud 請求先アカウントの作成、変更、閉鎖  |  Cloud Billing  |  Google Cloud](https://cloud.google.com/billing/docs/how-to/manage-billing-account?hl=JA&visit_id=637324820901812171-1604662107&rd=1)**
