20
edits
Changes
Jump to navigation
Jump to search
Line 14:
Line 14: − + − + + + + + + − * Select or create a project you will use for your TNG API connection+ − * From the API library (section '''Maps''') select and enable the following two key: '''Maps JavaScript API''' and '''Geocoding API''' + + + + + + + + + + − '''Maps JavaScript API''' is needed to show the google map to your site visitors, with a marker at the various places (place of birth, death, mariage etc.)+ − '''Geocoding API''' is used in the admin section of your website to associate places with coordinates+ − * Once your API keys are enabled, go to credentions to set the right application and API restrictions+ + + − * For API restrictions, allow the different API keys you enabled to make the requests − * you will also need to enable billing (you could click the Cancel link and see what you get after July 15th)+ + +
Google Maps - Getting Started (view source)
Revision as of 10:09, 6 January 2019
, 10:09, 6 January 2019no edit summary
You must have a User ID on Google in order to get a browser API key for the Google Maps Platform. If you are already signed up for Google Mail, you can use that User ID, otherwise you will need to create a User ID.
You must have a User ID on Google in order to get a browser API key for the Google Maps Platform. If you are already signed up for Google Mail, you can use that User ID, otherwise you will need to create a User ID.
To get a Google Maps API key use the following link
{| class="wikitable"
* [https://developers.google.com/maps/documentation/javascript/get-api-key#detailed_guide Get API key]
|-
! Get Maps API Step !! Screen Capture
|- valign = "top
|1. To get a Google Maps API key use the following link
* [https://console.cloud.google.com/ Get API key] - Additional instructions can be found in the [https://developers.google.com/maps/documentation/javascript/get-api-key#detailed_guide setup guide]
|
|- valign = "top
|2. Create or select your project
|
[[File:API-Project-selection.png|500px|frameless|left|Project selection]]
|- valign = "top
|3. From the API library (section '''Maps''') select and enable the following two key: '''Maps JavaScript API''' and '''Geocoding API'''
*
* '''Maps JavaScript API''' is needed to show the google map to your site visitors, with a marker at the various places (place of birth, death, mariage etc.)
* '''Geocoding API''' is used in the admin section of your website to associate places with coordinates
|
[[File:API-Library.png|500px|frameless|left|API Library]]
[[File:API-Library.png|500px|frameless|left|API Library]]
|- valign = "top
|4. Once your API keys are enabled, go to credentials to set the right application and API restrictions
* For application restriction you can use HTTP referrers (web sites), using the format https://yoursite.com/tng/*
* For application restriction you can use HTTP referrers (web sites), using the format https://yoursite.com/tng/*
* For API restrictions, allow the different API keys you enabled to make the requests
|
[[File:API-application-restriction.png|500px|frameless|left|API application restriction]]
[[File:API-application-restriction.png|500px|frameless|left|API application restriction]]
[[File:API-restrictions.png|500px|frameless|left|API restriction]]
[[File:API-restrictions.png|500px|frameless|left|API restriction]]
|- valign = "top
|5. you will also need to enable billing (you could click the Cancel link and see what you get after July 15th)
|}
{| class="wikitable"
{| class="wikitable"
