Before you start

Create a custom HTML section for the tour page. The field name can be designated as 'Route Map,' or you can opt for your preferred name for the custom field. Please click here for detailed steps on creating a custom HTML section.

---

Configuring a Route Map

1) Log in to Google My Maps at below link using your Gmail id.

              https://www.google.co.in/maps/d/u/0/

2) Click “Create A New Map” button

3) Name the map as per the trip name by editing the name “ Untitled map”. Just click on the name to edit it.

Rename the “Untitled layer” to Day 1 or as required.

4) Search for a location as required using the search bar, and click on the suggested locations. (You may adjust the location by moving the drop pin as desired.)

5) Once the location is finalized click on add to map on the popup window for that location. It will get added under the Day 1 layer.

6) a)Once added to map you can click edit button to change the name and description of the location.  

7) You can also edit the style of the location by clicking on the style button (paint bucket icon)

You can set icons for the location like a hotel, restaurant etc along with the color of your choice.

8) Once done repeat the process for the rest of the location to be added in day 1 as described above.

9) Once all the locations are added you may add lines to join the places.

        a) Click on Draw a line button.

Here you can also choose other options like Driving, biking or walking route. 

b) Using the line connects the locations approximately in the order of visits planned and double click to end the shape that you will reach. Once done rename the line section to Day-1 Route and add a description.

c) Change the line thickness (width) or the color of the line as preferred.

10) Click on Add layer button to add new layer and rename it to Day-2 or as preferred and repeat the above process to add locations and connecting lines with new colors (the choice is yours).

Once route-map is ready as per your requirement, you will have to make it public so that anyone can access it without logging in.

        b) Click on Change in the Sharing Settings window that will popup.

       c) Select “On – Public on the web”. Do not change its default setting of “Can view”. Let it be as is. Click Save.

       d) Click Done on the Sharing Settings window, to successfully make your route map public.

Once this is done, we need to get the URL of this map to add to our trip page. 

13) Please follow the below steps to get the URL of the Map.

         c) From the pop window of “Embed this map” copy only the URL part of the map (starting with HTTP, within double quotes after src= ).

The URL will look like this https://www.google.com/maps/d/embed?mid=1dYWP_n11E6n6yhUR7zTTv-6M7sLbCZCE

Once you copy this URL, you need to add it to your trip.

---

Add a Route Map in Vacation Labs Back Office

Create a custom HTML section for the tour page. The field name can be designated as 'Route Map,' or you can opt for your preferred name for the custom field. Please click here for detailed steps on creating a custom HTML section.

---

Check Route Map on Trip Details Page

Note:

1. The above steps are just the tip of the iceberg, feel free to experiment with all the settings that Google offers.
   
2. Also, Google keeps on updating the options available, thus it is possible that few of the option names mentioned maybe renamed or altogether removed or moved to another section.