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.
If you don’t have an existing service area map please see the following steps.
Step 1: Create a map in Google MyMaps
Creating and Editing
You can find official guides on how to create and edit maps and map layers in the Google Maps help articles. We will cover the basic process in this article.
Google Account
You must have a Google Account to edit a Google Map. You can set one up for free here: Google Account Creation
Go to Google MyMaps (or click the arrow icon next to the "Google Area Map URL" field), and create a new map by clicking the red ‘Create a new map’ button at the top:
Or an ‘add’ icon down the bottom right (depends on if you’ve edited a map previously)
Enter a Map Title and Description to get started. It will create an initial ‘Untitled layer’ to get started which is where you will draw the outline of the service area on.
Add a Service Area overlay by adding a new layer to your map. Click on the Draw icon and select ‘Add line or shape’
TIP: ensure this is within its own layer. If you’ve dropped any pins or other items to the layer, the polygon you draw may not save.
And then draw lines and drag them to cover the desired regions, name the polygon accordingly (e.g Service areas)
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. If you don’t want the owner’s profile to appear in the embedded map, ensure you unselect that option below it.
Important
Only copy the highlighted section between the quotation marks for the “src” attribute only and not the entire text which includes “width” and “height” attributes. The URL will be slightly different for every user.
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 via Setup > Bookings > Locations, select a location. Click Save button.
Step 5: Check your map
Once the URL has been pasted, refresh your Locations page and the new Service Area Map should be displayed.
Troubleshooting