Generating Key for Google Maps Javascript API: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
Line 8: | Line 8: | ||
<nowiki>https://console.developers.google.com/?pli=1</nowiki> | <nowiki>https://console.developers.google.com/?pli=1</nowiki> | ||
By default there is nothing in management panel section for the new account or if API has not been used yet. | By default there is nothing in management panel section for the new account or if API has not been used yet. | ||
Click on ''' | Click on '''ENABLE APIS AND SERVICES''' link. | ||
[[File:Image | [[File:Image 1320.png|none|thumb|799x799px]] | ||
Click on ''' | Click on '''VIEW ALL''' link for the '''Maps''' section. | ||
[[File:Image | [[File:Image 1319.png|none|thumb|799x799px]] | ||
Click on '''Maps Javascript API.''' After you enable it come back to this page and also click on '''Geocoding API''' and '''Places API''' and enable them in the same way as '''Maps Javascript API''' described below. | |||
[[File:Image 1318.png|none|thumb|799x799px]] | |||
If the project in console has not been created yet Google system will ask to create it. Click on '''Create project''' button. | If the project in console has not been created yet Google system will ask to create it. Click on '''Create project''' button. | ||
[[File:Image 67.png|none|frame]] | [[File:Image 67.png|none|frame]] | ||
'''Indicate''' the project name, '''read''' Terms of Service, '''agree''' with them and click on '''Create''' button. | '''Indicate''' the project name, '''read''' Terms of Service, '''agree''' with them and click on '''Create''' button. | ||
[[File:Image 68.png|none|frame]] | [[File:Image 68.png|none|frame]] | ||
After creating the project Google system will direct you to where you can enable the chosen | After creating the project the Google system will direct you to where you can enable the chosen Maps Javascript API. Click on '''Enable''' button. | ||
[[File:Image | [[File:Image 1317.png|none|thumb|800x800px]] | ||
Fill in the data and click on '''Go to Credentials''' button. | Fill in the data and click on '''Go to Credentials''' button. | ||
[[File:Image 70.png|none|frame]] | [[File:Image 70.png|none|frame]] |
Revision as of 12:05, 7 March 2024
Note: This manual is for osCommerce v4.
Create a new account in Google (if there is none) or login to the existing one.
Nothing can be done until billing is switched on (trial gives $300 for a new account for a year).
Go to the console page for developers.
https://console.developers.google.com/?pli=1
By default there is nothing in management panel section for the new account or if API has not been used yet.
Click on ENABLE APIS AND SERVICES link.
Click on VIEW ALL link for the Maps section.
Click on Maps Javascript API. After you enable it come back to this page and also click on Geocoding API and Places API and enable them in the same way as Maps Javascript API described below.
If the project in console has not been created yet Google system will ask to create it. Click on Create project button.
Indicate the project name, read Terms of Service, agree with them and click on Create button.
After creating the project the Google system will direct you to where you can enable the chosen Maps Javascript API. Click on Enable button.
Fill in the data and click on Go to Credentials button.
Choose Google Maps JavaScript API from Which API are you using? drop down list.
Choose Web browser (Javascript) from Where will you be calling the API from? drop down list.
Then click on What credentials do I need? button.
Fill in the fields:
Name: google-map-key
Accept requests from these HTTP referrers (web sites): domain name of the website (it is an optional field, when you would like to use this service for this site only).
Note: indicate only domain.
Click on Create API key button.
You will see the generated API key. Click on Done button.
The key is filled in in the section Settings/ Google settings under Map Key API tab.
Then you will see the following screen.
In order to use the key on the website with a high volume of queries to Google Maps Javascript API, it is necessary to pass domain verification and confirm your rights for the domain, where the key will be used. Otherwise in browser console the error will appear and the map will not work.
In order to pass domain verification on Credentials tab click on Domain verification link.
Click on Add domain button.
Indicate dns-name of the website only (for example mysite.com)
Important: Your site must be registered on Search Console with an https:// URL or with the domain name provider verification method.
On the page https://www.google.com/webmasters/verification/verification you can pass one of the suitable procedures of verification of a website owner. After that you will see the list of allowed domains.