Creating a route on a Google map

Good afternoon.

In last time we told you that we added new form elements: address and google map. We decided to refine the functionality of the map and added the ability to build a route by two points, the length and duration of this route can be saved in separate fields of the form.

Thanks to this functionality, now you have a great opportunity to create various calculators and order forms for taxi and cargo transportation services, where you can set a route online and find out its cost.

In order to activate the route building function, you need to open the Google Maps settings. There, a separate section “Route settings” appeared on the left in the menu:

Creating a route on a Google map

After opening this section, you need to activate the switch “Enable route calculation on the map”, after which you need to select a field that will contain the Route starting point address and Route end point address.

To do this, you must have 2 elements with the type “Address” added to the form.

Attention! In order to be able to plot a route on the map, you need to activate the Google Maps Directions API for your API key.

If necessary, you can select the fields where the length and duration of the route will be saved.

That's all for today. Have a good day!

Comments
Ready-made templates of web forms
Platinum

Calculation of MTPL

You can get the calculation of MTPL using the online calculator by entering the vehicle data. Details
Platinum

Making a staircase structure

After answering a few questions, applicants calculate the cost of making a similar structure for the required parameters Details
Platinum

Quiz Template for Calculating the Cost of Detailing Services

This quiz template will help to automate the reception of applications and make a preliminary calculation of the detailing services Details
Platinum

Selection of auto parts

Template in the form of a request, where the user can select a car brand, year of manufacture, specify data from the technical data sheet, contact details. You can edit the template to suit your needs. Details

Order turnkey form development

No time to figure out all the settings yourself? No problem!
Order web form development from us