How to setup Google Maps on your website; a guide to Google Maps APIs

Article - 438075638

09:07, 21 August 2023

How to enable the Google maps functionality on your website.

Your Webdadi website uses Google maps on various pages including the property details pages and the office pages. In fact, anywhere on your site where you can see a map will be using Google's functionality. You may also be using additional Google features, such as Google Streetview

In order for these to work correctly on your website, you'll need to have your own Google account for your business. This is not something that Webdadi can do for you, as each commercial business has to have their own Google account in order to abide by Google's terms of use. Please note - we don't hold any details of any customer's Google accounts.

From your Google account, you will be required to generate a Google Maps API key through your Google Cloud Platform Console (cloud.google.com).

Once you have created a new maps project within the Google console, you can begin to assign API's to this. We will need you to enable the following five map API's:

You should send these APIs to your Project Manager during your website build.

If you need to change your Google APIs or check they are correct:

Please Note: Only the Super User user rights have access to this section of VIA. You won't be able to make these changes if you don't have this level of access assigned to your account. You should speak to the Super User(s) on your account if you have any questions or queries about your user account access.

You should also ensure that you have restricted your Google Maps API Keys. Please view this article Restricting your Google Maps API key for instructions on how to do this.

My maps still aren't working?

If the maps aren't working on your website, please double check that the billing information has been added correctly to your Google account as the API project won’t work without this being authorised. Go to the navigational menu in the top left hand corner of the Google console and open the navigation menu and select Billing. Select Manage Billing Account and you should see in this section the card details attached to the account. If there is no card attached, then you will need to click on the blue Add billing account button and fill out the requested details.

Please also ensure that you have restricted your Google Maps API Key as per the following instructions Restricting your Google Maps API key

If you are struggling to generate the API key or you have given us the API key and this is still not working, then please let us know firstly and we will try to help you fix this within your Google console.

Please be aware though that the maps are a Google product and may need Google's dedicated Maps API helpdesk to look into any technical issue that you are having. Below is a link to Google Maps Platform Support and Resources page.

https://developers.google.com/maps/support

If you need to contact Google's support team:

https://developers.google.com/maps/support#contact-maps-support


Article ID: 438075638
Link: https://webdadi.atlassian.net/wiki/spaces/PKB/pages/438075638