All Collections
Website Builder
Website Builder - Set up your map
Website Builder - Set up your map
Updated over a week ago

Setting up your map

You can set up your property location under Property location in Dashboard > Property details.

The Website Builder will update the location pin in the displayed map if you search for an address using the Search address text field.

You can also click and drag the pin if the location is not available through Google Maps.

If the searched address shows the correct pin location, but not the correct address format, you can also adjust this manually via the address fields underneath the search address text field.

Click Save when you have updated the necessary information.

Please note: When editing your website, the map displayed in Property details is Google Maps. However, in preview and on your published website the default map will be an open source map. If you wish to display GoogleMaps on your website you will need to have an Google API key and add it to your website builder. For more information on this, please see the section on Google Maps.

User-added image

What is the Google Maps API Key

By default the website builder uses open source maps on the pages of your website. If you prefer to use Google maps, you need an API key to load your maps on your website.
An API key is a code that is used by Google to track how often the map on your website is viewed. Please be aware that this might incur costs from Google.

You will need a Google Account in order to get the API key.

Sign in if you already have an account or Sign up to get you started.

Google requires you to enable billing with a credit card to have a valid API key.​

For more information on using Google maps on your website please see Google's User Guide.


How to add the Google Maps API Key to Website Builder

Once you have an API Key you will need to save the API Key in the Settings of your Website Builder.

  1. Click Advanced Settings.

  2. Click Google Maps.

  3. Paste the Google Maps API Key in the provided field.

  4. Click Save.

  5. Click Publish Changes.

You should now see your map on the Home, Contact Us and Attractions pages. If your API key is invalid or has stopped working, the Google maps will not load on your published website. If you leave the Google Maps API Key field blank, your website will use the default open source maps.

User-added image


How to get a Google API key

Note: The following are instructions are provided only as a guide to obtaining an API from Google and we are unable to guarantee the accuracy of these instructions due to constant changes on the side of Google. Should you experience difficulties in obtaining an API Key it is recommended you use Google's User Guide for further assistance.

Get the API key from Google

User-added image


3.Select Maps and click Continue from the next screen

User-added image


4. In the Enable Google Maps Platform window, enter a project name (optional) then select Yes
5. Click NEXT

User-added image


6.Select Create Billing Account from the next screen

User-added image


7. Select the appropriate country, and then select Yes for the Terms of Service
8. Click Agree and Continue

User-added image


9.Check all details are correct, and enter a payment method before selecting Start My Free Trial
10. From the new page, select Create and on the Enable Google Maps Platform pop up window, press Next

User-added image


11. Google will now display your API Key
Note: You must first secure your key before you save the newly created API key in your Website Builder.


Key Security

The key created is not restricted. Key restriction lets you specify which websites, IP address or apps can use this key to prevent unauthorised use and quote theft.


1. In the same window where your API key is displayed, click API Console. This will take you to the Credentials page

User-added image


2. Under Key Restrictions, select HTTP referrers (websites)
3. Enter your domain in the provided field

User-added image


4. Click Save

Click on the copy icon beside the API key to copy the key.

You can now proceed to save the API key in your Website Builder.


Map shows on preview but not on the published website

The Google Maps API key is linked to a specific domain. When you preview your website, you are viewing the website through a SiteMinder domain, so the map is being displayed via SiteMinder's API key.

If the map does not show on the published site, this means that there is something wrong with the Google Maps API key you have set up under Advanced Settings > Google Maps. It may be invalid, or has stopped working.
Please review the setup and correct your Google Maps API key to display the map on your website.
If you wish to return to the default open source map, please remove the API key under Advanced Settings > Google Maps and leave the field blank.

Did this answer your question?