# Google Map is not loading correctly? **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** beginner\ **Created:** [July 10, 2021, 8:38am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656 "2021-07-10T08:38:34Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![doducdung2007ww](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doducdung2007ww/32/103472_2.png) [@doducdung2007ww](https://community.thunkable.com/u/doducdung2007ww)\ **Post date:** [July 10, 2021, 8:38am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/1 "2021-07-10T08:38:34Z")
Hi all, I need help. I am a new thunkable developer. I has developed a Thunkable App for showing water level forecasting in the Mekong Delta. In this app, I used Google Map to show the forecasting results at water level gates/sites. It loads correctly when I test my App used Thunkable Live as shown in the Figure 1 below. But, when I pusblish my App in the App Store and load it in my phone it does not loading correctly as Figure 2. Does anyone know why? Please help me. Thank you very much. Do Duc Dung (Vietnam) ![Figure1_2.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/2/3218bdd0058ac5132d12da704ee34007d651a52d.jpeg) Figure 1: Google Map loads correctly Figure 2: Google Map does not load correctly My app: [Thunkable](https://x.thunkable.com/projects/60b0da2569330f0012d4d744/25add306-e27b-4668-b161-071fce088cfb/designer) You can search my App in the App Store with a name DBSCL. ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [July 10, 2021, 9:56am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/2 "2021-07-10T09:56:41Z")
Have you entered the `Google Map API Keys` in the project settings? ---
**Author:** ![doducdung2007ww](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doducdung2007ww/32/103472_2.png) [@doducdung2007ww](https://community.thunkable.com/u/doducdung2007ww)\ **Post date:** [July 10, 2021, 10:48am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/3 "2021-07-10T10:48:49Z")
Thank you very much for your reply. I did enter the Google Map API keys in the project settings. See the Figure. When I publish for Android Phone, my App works fine (some of my users use \*.apk file). ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/3/a331d453a34b3d1c6dfb9a4940c38f02598d3693.png) ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [July 10, 2021, 12:16pm UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/4 "2021-07-10T12:16:12Z")
Please refer to this post to check that your settings in Google side is proper > [@Maps not working on downloaded apk](https://community.thunkable.com/t/maps-not-working-on-downloaded-apk/963149): > > Maps component in downloaded apk is showing like a “blank screen” just with the Google logo at left bottom. If you click anywhere in this blank screen, latitude and longitude change accordingly. Everything works fine at Thunkable Live, so I believe it’s not problem with the maps api key. ---
**Author:** ![doducdung2007ww](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doducdung2007ww/32/103472_2.png) [@doducdung2007ww](https://community.thunkable.com/u/doducdung2007ww)\ **Post date:** [July 11, 2021, 3:41am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/5 "2021-07-11T03:41:46Z")
Dear Mr. Muneer Alshaikh, Thank you very much for your reply. I follow the message to enable both “Maps SDK for Android” and “Maps SDK for iOS”. However, I don’t know which one I have to choose for setting API: restriction or no restriction. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/f/1f984b37cbb1b7ace6aeb54030e05c4db0faa6b2.png) These other question is that, in the project setting in thunakable there are two values of API one for iOS and one for Adroid. How do I get these values in Google Cloud Platform. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/abcd17756736e613896d154fb98ec0b3f6c04eb9.png) Thank you. Do Duc Dung ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [July 11, 2021, 8:08am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/6 "2021-07-11T08:08:12Z")
You can choose no restrictions for the time being and make sure you have the settings in both SDK(s) then use the API(s) in your project settings. Make sure you enable the service to get the API key ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/8/583101e8a1be8a45f7b3c6c9b0ddba7a08ccbe8b.png) **Re-download the project and test.** ---
**Author:** ![doducdung2007ww](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doducdung2007ww/32/103472_2.png) [@doducdung2007ww](https://community.thunkable.com/u/doducdung2007ww)\ **Post date:** [July 11, 2021, 9:06am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/7 "2021-07-11T09:06:37Z")
Thank you very much for your quick reply. Is that right if I create two keys and set up for my App projecting? ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/f/bf96fd9f3311d2bae049d85992bafd9a5c6f4268.png) Thank you. Do Duc Dung ---
**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\ **Post date:** [July 11, 2021, 9:16am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/8 "2021-07-11T09:16:44Z")
I can see the start of the API key for Android is different than that used in your project screen but the start of the iOS is correct. Please insure you use the correct keys then download and install in your phone. ---
**Author:** ![doducdung2007ww](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/doducdung2007ww/32/103472_2.png) [@doducdung2007ww](https://community.thunkable.com/u/doducdung2007ww)\ **Post date:** [July 11, 2021, 2:20pm UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/9 "2021-07-11T14:20:39Z")
Thank you very much. ---
**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\ **Post date:** [October 18, 2021, 4:27am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/10 "2021-10-18T04:27:16Z")
I knew I had seen this somewhere before. I am having the same exact problem. My maps key works great in a web viewer: ![IMG_1759.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/97293d04c37babee806292104110296e9df4c5b8.jpeg) I used the same API key in a Maps component with Google and it worked great in the Thunkable Live app. Awesome! I published it to App Connect and, for some reason, it won’t load the map. I remembered seeing this post, so I went into my Google Cloud Console and created two credentials: an iOS API key and an Android API key. That should do the trick! So, I republished to App Connect and I still have a blank map: ![IMG_1760](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/3/a348df9b0855c17ae495898df03ef0538d7e6c61.jpeg) Am I missing something? Edit: Here’s the Thunkable Live version. Exactly what I want and using the same keys that aren’t working in the published app. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/9/79ed46e3b8c06ad7c7f6e0a3e52790170b577b5a.jpeg) ---
**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\ **Post date:** [October 18, 2021, 6:58am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/11 "2021-10-18T06:58:38Z")
I submitted a bug report on GitHub: [https://github.com/thunkable/thunkable-issues/issues/1040](https://github.com/thunkable/thunkable-issues/issues/1040) ---
**Author:** ![namitnagar](https://avatars.discourse-cdn.com/v4/letter/n/a183cd/32.png) [@namitnagar](https://community.thunkable.com/u/namitnagar)\ **Post date:** [October 18, 2021, 7:13am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/12 "2021-10-18T07:13:25Z")
Why you started a topic after months ---
**Author:** ![ronnie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ronnie/32/121539_2.png) [@ronnie](https://community.thunkable.com/u/ronnie)\ **Post date:** [October 18, 2021, 7:18am UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/13 "2021-10-18T07:18:13Z")
It’s the same exact problem. I was under the impression that good etiquette was to continue a topic instead of starting a new one, especially if it is the same problem. This way, someone doesn’t point me back to this. I’ve already read it, it hasn’t been resolved (at least it hasn’t been marked as such), and I am having the same exact issue. And, if it was, there was no solution provided. If I am mistaken, then I will start new topics in the future. ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:19pm UTC](https://community.thunkable.com/t/google-map-is-not-loading-correctly/1388656/14 "2024-11-08T13:19:50Z")