Google Maps API Error

Google Maps API error: MissingKeyMapError [SOLVED]

 

 

Google Maps API error: Missing KeyMap Error, suddenly showing in your browser console? Here you have the explanation (and solution), directly from a Google employee:

Google just announced some changes to the Google Maps APIs authentication and usage limits:http://googlegeodevelopers.blogspot.com.au/2016/06/building-for-scale-updates-to-google.html

Usage of the Google Maps APIs now requires a key.

As of June 22, 2016 we are making the following changes to the Google Maps APIs Standard Plan:

1.            We no longer support keyless access (any request that doesn't include an API key). Future product updates are only available for requests made with an API key. API keys allow us to contact developers when required and help us identify misbehaving implementations.

2.            We have implemented a simple 25,000 map loads per day free limit to new Google Maps JavaScript API, Static Maps API, and Street View Image API implementations. The confusing 90-consecutive-day grace period for these APIs is being retired on October 12, 2016. With this change, developers can predictably plan for growth while media sites and US nonprofits can request more quota at no charge via our dedicated support programs.

3.            We have reduced the daily map load maximum limit you can purchase for Google Maps JavaScript API, Static Maps API, and Street View Image API from 1,000,000 to 100,000 requests per API.* We believe higher-volume developers are best served with a Premium Plan license, which includes technical support and a Service Level Agreement, and with this change we've also created consistency between Standard Plan quotas across our maps and web service APIs.

4.            We now count Google Maps JavaScript API client-side requests towards the daily limit of the associated web service API.*

How to fix the error: step-by-step tutorial

 

Don’t be panics, getting an API key (and integrating it) is really fast and simple:

1. Follow below link and click on Get a key:

https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key

Google Maps APIs – Get a key

2. Agree with the service Terms of Service:

Google Maps APIs – Agree with the terms

3. Choose a name for your new key and specify the websites on which the key usage will be allowed. Then click on Create:

Google Maps APIs – Generate a key

4. Write down your new API key, and click OK

Google Maps APIs – Generated key

5. Locate the file that contains the Google Maps script code on your website, and append your API key to it as a parameter:

<script async defer src="//maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" type="text/javascript"></script>

If there aren’t other parameters, just add  ?key=YOUR_API_KEY at the very end of the src path; otherwise, add &key=YOUR_API_KEY instead, like this:

<script async defer src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=YOUR_API_KEY" type="text/javascript"></script>

Obviously, in both cases you must replace YOUR_API_KEY  with your actual API key code.

5. Your API key should be up and running within 5 minutes. Enjoy!