Google API not recognizing allowed domain

[schwim]

Hi there, everyone,

I’m trying to build a membermap and am having a problem with Google’s api restriction system. I’ve told it to allow the domain:

But when I try the map at https://aircooledaddiction.com/test.html , the map fails to load and the javascript console reports:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://maps.googleapis.com/maps/api/mapsjs/gen_204?csp_test=true. (Reason: CORS request did not succeed). Status code: (null).

Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: https://aircooledaddiction.com/test.html

What am I doing wrong? I followed the Google API doc for creating the project, adding the restriction and enabling javascript embed.

Any help would be greatly appreciated. Thanks for your time!

[Thallius]

To allow cors, you normally have some requirements on the headers you send to the server as well.

Mostly you need to send at minimum your Origin.

I would suggest to use PostMan to first check the connection to the API and after it works in this tool, you can start to implement it in your Website.

[m_hutley]

https://aircooledaddiction.com/test.html

does not match *.aircooledaddiction.com/*

Look closely at the beginning…