Google Map Script Source

I am trying to add the in the Google Map API in the Contact form on the top menu bar. The JS Console is telling me

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: http://preferredlendingpartners.com/DEV/

I have added http://preferredlendingpartners.com/DEV/ as the referrer, but still getting this error. I did notice in the code, it isn’t showing the http: - could this be the issue?

Also, which type of API do I need to create?

  • Maps JavaScript API
  • Maps Embed API
  • Maps Static API

Kind of confused and frustrated with this whole process.

TIA for any light you can shed.

Hello,

Please check Adding HTTP restrictions section on this page:
https://cloud.google.com/docs/authentication/api-keys

Long story short, this looks like a solution of your issue:

If your domain supports both HTTP and HTTPS, both restrictions must be added separately.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support