Base your Goggle map on an address

Last updated Mar 05 2018

We've just added a new feature where you can easily base your Google map on a form filler's input. 
To do so you can collect the address details using an Address element or a Textbox element. Following are the steps to do this:

1- Drag  an Address element

2- Drag a Google map element below it

3- Select the Address element on canvas and add an Address validation to it, 
Go to: "Properties" panel > "Element" tab > "Settings" option > "Value Rule" category
Choose "Address validation" from the rule dropdown and press "Apply".

4- Now select the google map on canvas and bind it to the address field.
Go to: "Properties" [anel > "Element" tab > "Settings" option > "Advanced" category
Turn on the "Sync map from" checkbox. a dropdown will appear and you will be able to choose the address fields from it.

5- Save the form and you are set to go!
6- Now you can test your form:
- Publish it as URL
- start entering an address. An auto complete option will be active to help you fill in a valid address.
- Once you see your address - select it from the auto-complete and you will see how the google map is changing location accordingly.

Try our LIVE Example

CommentsLogin Required
Didn’t find what you were looking for?
Try the following for assistance or Use the Search box.