How to use the map widget

To display a map on your ProSite website, you need a Google Maps API key. Google requires billing to be enabled on your Google Cloud account before you can generate one.

What you need before you start

• A Google account
• A debit or credit card to enable billing on Google Cloud

Step 1 - Set up Google Cloud billing

1. Go to https://console.cloud.google.com/billing.

2. Click Add billing account.

   

3. Fill in your details and complete the setup.

Step 2 - Enable the Maps JavaScript API

1. Go to https://console.cloud.google.com/marketplace/details/google/maps-backend.googleapis.com.

2. Select an existing project or create a new one.

3. Click Enable to activate the Maps JavaScript API for your project.

   

Step 3 - Create an API key

1. Go to https://console.cloud.google.com/apis/credentials.

2. Click Create credentials, then select API key.

3. Your new API key will appear in a dialog. Click Close.

4. The key is now listed on the Credentials page under API keys.

5. Copy the key.

   

Step 4 - Add the API key in ProSite

1. Open your website in the ProSite builder.

2. Click on your map widget.

3. In the settings panel on the right, paste your API key into the API key field.

   

4. Use the additional configuration options to adjust the map's appearance and behaviour to suit your page layout.