How To Generate Google Maps API Key

While Loading Web Page with Google Maps You May Suddenly Suffer with Javascript Error Below

Google Maps API error: Google Maps API error:

MissingKeyMapError

1. Click on Link Below and After Link is Opened Click on 'Get A Key' Button
   https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key
   
   
   
2. After Click on Get A Key you will be presented with Terms Of Use . You Must Need to Agree In order To Get A Key so No More Options Click on 'Agree and Continue' Button
   
   
   
   
3. Choose Name of Key . Then Specify Website From where Google Maps API Will Be Accessed . Then Click on Create Button .
   
   
   
4. Now You Will Be presented with API Key . Note down the key and Click on Ok Button
   
   
   
5.  Open file which contains Google Maps script code Then add you API Key to end of  Google Maps JS file as Below 
   <script src="//maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" async="" defer="defer" type="text/javascript"></script>
   
6. In Above Script Tag you need to Replace "YOUR_API_KEY" with Key you obtained in Previous Step
   
7. If you are not having "YOUR_API_KEY" Parameter then add an paramter as above <Script> Tag Above
   
8. You API Key will be Ready To Use in 5 Minutes Maximum

Share this

Heemanshu Bhalla