Team Forms
Log in to community

Join the Team Forms community

E
R
A
T
C

Maps

Last updated 2 months ago
SSky

How can do you add a map for an address in a form also is it possible to concatenate Addresses. ( I have a table that has Address, City, State and Zip Code in separate columns i would like to be put in a text filed.

E
1 comment
EErin Dwyer

Hi Sky,

To map an address you will need the latitude and longitude co-ordinates for that address. If you're using the in-build address component, then then the co-ordinates are automatically available for mapping. Here's an example of how you can do this:

  1. Drag and drop an address component into your form

  2. Drag and drop a location component into your form. This will be used to map the address selected.

  3. In the location components setting navigate to the Data tab > Calculated Value. Here we will use calculated values to dynamically set the mapped location. For the JavaScript expression you can use the following, note that you will need to adapt the expression for your specific form.

    value = {
    "latitude": data.address?.geometry?.location.lat,
    "longitude": data.address?.geometry?.location.lng,
    "mapTypeId": "roadmap",
    "zoom": 15
}

Here is an example of the end result: