🤔 Problem
On my website, the map is not visible. There is a message indicating that Google Maps could not be loaded.
🌱 Solution
This message means that there is something not set properly. In most case, it will be one of the following:
-
Check that the API Key is correct: you can check your API Key for a project in your Google Map Console : https://console.cloud.google.com/google/maps-apis/overview
-
Check that you have enabled Billing for this Google Maps project: https://cloud.google.com/billing/docs/how-to/modify-project
-
Check the restrictions you have set for the use of this API Key for this project but the url where the error occurs is not part of the authorized URLs : https://developers.google.com/maps/documentation/javascript/get-api-key#key-restriction
On the page where the Google Maps error occurs, you can check the Developer Console (F12, Ctrl+Maj+I, ...). You will see the Google Map error, and it will link you to the exact description of the problem and give you tips to solve it
📎 Related articles