You must enable Billing on the Google Cloud Project

js?v=3&key=AIzaSyB-bF3VWWO6nNTTKnxemzrlldfb6lvY0GI&ver=4.14.7:74 
You must enable Billing on the Google Cloud Project 
at https://console.cloud.google.com/project/_/billing/enable 
Learn more at https://developers.google.com/maps/gmp-get-started

Google Maps JavaScript API error: RefererNotAllowedMapError

js?v=3&key=AIzaSyB-bF3VWWO6nNTTKnxemzrlldfb6lvY0GI&ver=4.14.7:74 
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://essensium.bernaer.be/test/

Google Maps JavaScript API error: ApiTargetBlockedMapError

js?v=3&key=AIzaSyB-bF3VWWO6nNTTKnxemzrlldfb6lvY0GI&ver=4.14.7:74 
Google Maps JavaScript API error: ApiTargetBlockedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#api-target-blocked-map-error

This API key is not authorized

This API key is not authorized to use this service or API.

Solution:

  • make sure to enable: “Maps Embed API“, “
    “Geolocation API”, “Maps Javascript API”
  • Enable billing
  • Enter the correct pages you want to use the map functionality

IFrame:

You can use iframe tag instead api-key without any problem.

Get coordinates first using https://www.google.com/maps/

Next use it in the iframe