Adding a custom Google map

Creating a new map

This article is for those who do not have an existing Service Area Map or would like to create a new Service Area Map from scratch. You can check if you have an existing Service Area Map by navigating to Setup > Bookings > Locations, select a location and look for the "Google Area Map URL" field.  If this field has a URL you have an existing map and can follow the article Editing your service area map.

Step 1: Create a map in Google MyMaps

Create a new map in Google MyMaps and add a Service Area overlay by adding a new layer to your map and dragging it to cover the desired regions.

Step 2: Make your map Public

Once you are happy with your Service Area, your map must be made public so you can share it on your site. To make a map public, click Share and turn on the Anyone with this link can view and click Close.

Step 3: Get Map URL

You find the map URL, select Embed on my Site from the menu: 

From the following pop-up, select and copy the URL between the quotation marks in the source code displayed. This is highlighted below.

Step 4: Embed the map on your website

Once you have copied the URL, paste this in the "Google Map Area URL"  field on your website (under Setup > Bookings > Locations, select a location)

Step 5: Check your map 

Once the URL has been pasted, refresh your Locations page and the new Service Area Map should be displayed.