Google Map

Description:

Google Map

Google Map is a component that provides detailed information about geographical regions and sites around the world.

Allowed Parent Components:

1. Card Body

2. Col

3. Grid Child

4. Horizontal Section

5. Vertical Section

Allowed Child Components:

1. InfoWindow

2. Pulse

3. Trigger Before Render

4. Trigger On Click

Properties

➤ Show Fullscreen Control

Check this to enable full screen option.

Allowed Values: Yes/No

➤ Show Rotate Control

Check this to enable rotate option.

Allowed Values: Yes/No

➤ Show Scale Control

Check this to enable scale option.

Allowed Values: Yes/No

➤ Show Street View Control

Check this to enable street view option.

Allowed Values: Yes/No

➤ Show Map Type Control

Check this to enable map type option.

Allowed Values: Yes/No

➤ Show Zoom Control

Check this to enable zoom option.

Allowed Values: Yes/No

➤ Zoom On Scroll Wheel

Check this to enable zoom on scroll option.

Allowed Values: Yes/No

➤ Show Clusters

Check this to enable clusters view.

Allowed Values: Yes/No

➤ Grid Size

Provide a numeric value to set the grid size.

Allowed Values: Any number value

➤ Min Cluster Size

Provide a numeric value to set the cluster size.

Allowed Values: Any number value

➤ Default Zoom Level

Provide a numeric value to set the zoom level.

Allowed Values: Any number value

➤ Max Zoom

Provide a numeric value to set maximum zoom level.

Allowed Values: Any number value

➤ Min Zoom

Provide a numeric value to set minimum zoom level.

Allowed Values: Any number value

➤ Tilt Angle

Provide a numeric value to control the automatic switching behavior for the angle of incidence of the map. The only allowed values are 0 and 45.

Allowed Values: Any number value

➤ Reference Latitude

Provide reference Latitude where latitude is the angular distance between an imaginary line around a heavenly body parallel to its equator and the equator itself.

Allowed Values: Any number value

➤ Reference Longitude

Provide a reference Longitude where longitude is a measurement of distance, given in degrees east or west of the prime meridian.

Allowed Values: Any number value

➤ 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

➤ Src

Allowed Values: Free text field

➤ 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

➤ Marker Icon Origin X

Origin positions and coordinates of the marker increase in the X direction to the right where the origin of the image (0,0) is located in the top left of the image.

Allowed Values: Any number value

➤ Marker Icon Origin Y

Origin positions and coordinates of the marker increase in the Y direction down 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

➤ 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.

➤ Marker Label Attribute

Provide an attribute which contains the label.

Allowed Values: Provide an attribute which contains the label.

➤ Latitude Attribute

Provide an attribute which contains the latitude value.

Allowed Values: Provide an attribute which contains the latitude value.

➤ Longitude Attribute

Provide an attribute which contains the longitude value.

Allowed Values: Provide an attribute which contains the longitude value.

➤ Value Attribute

Provide an attribute which contains the value

Allowed Values: Provide an attribute which contains the value

➤ Marker Icon Attribute

Provide an attribute which contains the icon.

Allowed Values: Provide an attribute which contains the icon.

➤ Function

Select a function to do arithmetic operations on data.

Allowed Values:

1. SUM

2. COUNT

3. AVG

4. MAX

5. MIN

➤ On Click

Allowed Values: Controller Function