Google Maps Interactivity

Business Background

Configure the interactivity for the Google Maps widget to suit your business needs in a few clicks with no code.

Titan Solution

With Titan Web, you add a Google Maps widget with map interactivity.

How to Guide

1. Click the + icon to open the list of elements.
2. Select the Widget element from the list.

3. Drag-and-drop the Google Map widget to the canvas.
4. Add an element, for instance, a button.
5. Click the On Click Action icon. The On Click Action screen opens.

6. Click the + icon. The Add Node screen opens.

7. Under Element Interactivity, select Map Interactivity and click the Next button. The Add Node/Accordion Interactivity screen opens.

8. Select the radio button to focus by one of the following options:
   • Pin: Focus on a particular pin on the map.
   • Field: Use the longitude and latitude to find the position.
     • This option is more dynamic and can use variables to populate the fields.

Focus by Pin

1. Use the drop-down list to select the map.
2. Use the drop-down list to select the pin by value. The options are:
   • Static: Type a value.
   • Field: Use the drop-down list to select the value.
3. Click the Next button.
4. If necessary, add a tag and click the Insert button. The Map Interactivity is added to the screen.

Focus by Field

1. Alternatively, use the drop-down list to select the map.
2. Use the drop-down list to select the longitude.
3. Use the drop-down list to select the latitude.

4. If necessary, add a tag and click the Insert button. The Map Interactivity is added to the screen.

5. Click the Apply button.
6. Save and Preview the project.