Overview

How to add Billing to your Google Cloud account

1. Login to your Google Cloud account using your Gmail at https://console.cloud.google.com/
   
2. Once you are logged in, click the Main Menu located at the top left corner of screen, then click on Billing.
   
   
   
   
3. On the Billing screen, click on the "Add Billing Account" button.
   
   
   
   
4. Follow the instructions given to complete the setup of your billing account. Once you are done, you will be taken to the Dashboard of your Cloud account.

How to create a Google Maps API key

1. Click Main Menu > IAM & Admin > Create a Project
   
   
   
   
2. On the new project screen, enter the project name and select an organization. If you have added the organization name while adding your billing information, it will show up when you click on the "Browse" button. Choose the organization and hit the "Create" button.
   
   
   
   
3. Once you are done creating the project you will be taken to the dashboard of that project. On this page click on APIs and Services under quick access.
   
   
   
   
4. Now the next step is to enable three APIs; Maps JavaScript API, Places API and Geocoding API. We need to enable them separately. Let's enable the Places API first. On the following screen click Places API.
   
   
   
   
5. Next, click on the Enable button to enable the Places API.
   
   
   
   
6. Once the Places API is enabled, you will be taken to the Additional APIs screen. Click on the "Maps JavaScript API" to enable it too.
   
   
   
   
7. You will now be redirected to the enable screen of Maps JavaScript API. Click on the Enable button to enable the Maps JavaScript API.
   
   
   
   
8. Once the Maps JavaScript API is enabled, you will be taken to the Additional APIs screen. Click on the "Geocoding API" to enable it too.
   
   
   
   
9. You will now be redirected to the enable screen of Geocoding API. Click on the Enable button to enable the Geocoding API.
   
   
   
   
10. We now need to create credentials for the APIs we created and then create an API key.  From the enabled APIs screen, click on Credentials from the left sidebar menu.
    
    
    
    
11. On the credentials screen, click on Create Credentials > API Key
    
    
    
    
12. Now that the API key is created, you can ensure that it's exclusively available for your domain by clicking on the "Restrict Key" button.
    
    
    
    
13. On this screen give your API Key a name and then choose HTTP referrers (websites) under Application restrictions.
    
    
    
    
14. You now need to add your website URLs under website restrictions. You need to add two URLs, one with * (asterisk) at the end.
    
1. Click on the "Add an Item" button to add a URL.
   
   
   
   
2. Add your full website URL with the "https" for example, https://stinger.beswifty.com/, and then hit the Done button.
   
   
   
   
3. Again, follow the same method to add another URL with the * (asterisk) at the end. Click on the "Add An Item" button, add the second URL, and then hit Done.
   
   
   
   
4. Once you are done with adding both the URLs, scroll down and choose "Restrict Key" inside API restrictions.
   
   
   
   
5. Select "Maps Javascript API", "Places API" and "Geocoding API"  from the Select APIs dropdown and then hit the OK button.
   
   
   
   
6. Let's finish creating the credentials by hitting the "Save" button.
   
   
   
   
15. We now have the API key created. Let's get the API key and get it added to your Swifty website. Navigate to Main Menu > APIs & Services > Credentials
    
    
    
    
16. From the credentials screen, click on the Copy icon to copy the API key we just created for your website.
    
    
    
    
17. Head to your Swifty website and navigate to Settings > Property Info
    
    
    
    
18. Paste the copied key inside the "Google Map Key" text box, and hit the "Save/Update" button.
    
    
    
    
19. You can add multiple website URLs to one Google Maps API key by editing it from the Credentials screen. Follow the instructions given in Step No. 13 of this article to access the Credentials screen. Click on the pencil icon to edit the API Key and follow the instructions given in Step No. 12 of this article to add a new website URL.