# Google Navigator

## Description:

Google Navigator

Use this component to track object current position to destination using google map.

### Allowed Parent Components:

1. Card Body

### Allowed Child Components:

1. Popover
2. Pulse
3. Trigger Before Render

### Properties

### ➤ Travel Mode

Allowed Values:

1. DRIVING
2. BICYCLING
3. TRANSIT
4. WALKING

### ➤ Height

Provide a numeric value to set the height of the component in pixels.

Allowed Values: Any number value

### ➤ Width

Provide a numeric value to set the width of the component in pixels.

Allowed Values: Any number value

### ➤ Marker Icon Height

Marker sizes are expressed as a Size of Y where the origin of the image (0,0) is located in the top left of the image.

Allowed Values: Any number value

### ➤ Marker Icon Width

Marker sizes are expressed as a Size of X where the origin of the image (0,0) is located in the top left of the image.

Allowed Values: Any number value

### ➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

### ➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

### ➤ Data Source Alias

Allowed Values: Free text field

### ➤ Default Where Clause

Allowed Values: Free text field

### ➤ Max Rows

Allowed Values: Any number value

### ➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

### ➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

### ➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

### ➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

### ➤ Primary Key Attribute

It is the primary key field in the current data source.

Allowed Values: It is the primary key field in the current data source.

### ➤ Start Attribute

Select the start attribute of the direction from the list.

Allowed Values: Select the start attribute of the direction from the list.

### ➤ Start Marker Icon Attribute

Select the marker icon attribute of the start direction from the list.

Allowed Values: Select the marker icon attribute of the start direction from the list.

### ➤ End Attribute

Select the end attribute of the direction from the list.

Allowed Values: Select the end attribute of the direction from the list.

### ➤ End Marker Icon Attribute

Select the marker icon attribute of the end direction from the list.

Allowed Values: Select the marker icon attribute of the end direction from the list.

### ➤ Auto Refresh Interval

Specify this property in seconds to refresh the component to specified interval.

Allowed Values: Any number value