Google Map API is failing in create facility form of deploy preview's

[nihal467]

Describe the bug

The Google map API is failing in the create facility form of netlify & Cloudflare deploy preview

To Reproduce
Steps to reproduce the behavior:

1. Go to https://a0e1bc19.care-fe.pages.dev/facility/create
2. Click on the map icon on the bottom of the page
3. See error

Expected behavior

the google map API should work properly in the facility create form

Screenshots

[anandaashish74711]

Hi @nihal467,

I'd like to help resolve the issue with the Google Map API in the facility creation form for the Netlify and Cloudflare deploy previews. Could you please assign this issue to me?

[bodhish]

@tellmeY18 check this out

[NitinPSingh]

the issue might be the url is not added in list of allowed referrers

RefererNotAllowedMapError
The current URL loading the Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key in the Cloud Console.

https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

[tellmeY18]

Have the Origin policy and have enabled necessary APIs to fix the issue. Current deploy previews (Cloudflare Pages and Netlify) are loading the map in the create facility Form. However Mobile devices are experiencing trouble loading the resource. Another Issue was filed #8723 to find and solve the problem.