Google Maps recently changed their policy regarding API keys. Until June 2016 sites with a relatively low amount of traffic did not require an API key for the Google Maps Javascript API to work. That is no longer the case.
Google Maps does have usage restrictions which you can read about elsewhere, but for public facing websites with less than 25,000 map loads a day the Google Maps API continues to be free.
If you find that a Google Map on your website no longer works there is a good chance that this is why. The fix is pretty easy. I have written this article to walk you through.
So how can I fix it?
First of all you will need to create a Google API key here. The API key will be associated with your Google account, so it is a good idea to use the Google/Gmail account associated with the business or business owner of the website you are working on.
Create a project for your website. It is a good idea to restrict your key to HTTP referrers that you will be using the key on. In my case I use *.domic.ca/* . This will protect you on the off-chance that someone else tries to use your key on their site.
If you are using a WordPress plugin to display your map the error you see may include instructions, generally requiring you to paste your new key into the plugin or template settings somewhere. Otherwise you will need to paste your api key into the code when you call the API.
|
1 |
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script> |
All this is documented in far more detail by Google. I hope this helped you through your hick-up.