-
first you need to have your own Google Developer Project.
-
If you don’t already have one, you can go to the Google APIs Console and create your own project. This is free and will allow you to generate your own API key to use within your site.
-
Sign in with your Google - i.e. yourname@gmail.com. If you don't have one, you can go to accounts.google.com to create one for free.
-
Click on "Select a Project" and then "Create a Project" in the upper right side of the screen.
-
Name your project something descriptive
-
Click the "Create" button.
-
Click on the "Google Maps JavaScript API" under "Google Maps APIs"
-
Click the "Enable" button
-
for this couse use these API:
-
Maps Javascript API
-
Roads
-
Static
-
Street View
-
Web Service
-
Geocoding
-
Directions
-
Distance Matrix
-
Geolocation
-
Elevation
-
Time zone
-
Click the “Credentials” menu item on the left of the screen
-
Click the “Create Credentials” button
-
Select “API Key” from the options that appear.
-
Select the “Browser Key” button
-
Name your API Key something descriptive, such as Maps_API_Udacity_Course. It should reflect your intended use of the key. Click the “Create” button
-
Repeat steps 10 and 11 for “Server Key,” if you will be making server-side requests. You can access these keys at any time by visiting the “Credentials” sub-menu under the “API Manager” menu
-
Get mapping!
PS: I haven't add my key API for security reason
@credit Udacity