There's 3 related map components: Map View, Map Marker, and Map Callout. We'll go over each of them and their purpose below.

Map View

Map View is the parent map component and it's used to display the map. There are a variety of configuration properties which you can use to customize the map.

Configuration

Property

Description

Component Name

The display name for this component

Provider

By default, the device platform's native map is rendered - Apple Maps on iOS and Google Maps on Android. If you select Google, then Google Maps will be displayed regardless of the device.

Initial Zoom

Sets the initial zoom level when the map is first rendered. Accepts a number between 0-20 with 0 being the highest, and 20 the lowest, elevation.

Zoom Enabled

If enabled, will allow the user to zoom in/out on the map

Shows Compass

If enabled, will display the map's compass

Rotate Enabled

If enabled, will allow the user to rotate the map

Pan Enabled

If enabled, will allow the user to pan the map

Loading Enabled

If enabled, will show a loading indicator while the map is being rendered on the screen

Loading Indicator Color

The color of the loading indicator if Loading Enabled is enabled

Loading BG Color

The color of the loading background if Loading Enabled is enabled

Shows User Location

If enabled, will display the user's location when the map is rendered

Follows User Location

If enabled, will update the user's location on the map. iOS only.

Shows Points of Interest

If enabled, will display other public locations on the map.

Data

Property

Description

Markers Data

You can pass an Object Array just like a List component in order to render a list of locations on the map using markers

Initial Latitude

The initial latitude coordinate when the map is first rendered

Initial Longitude

The initial longitude coordinate when the map is first rendered

Map Marker

Map Marker is a child component of Map View and it's used to place a marker on the map.

Configuration

Property

Description

Component Name

The display name for the component

Flat

If enabled, will render a flat marker

Pin Color

The color of the marker

Data

Property

Description

Latitude

The latitude coordinate for the marker

Longitude

The longitude coordinate for the marker

Title

The title to display in the default callout when tapped/clicked

Description

The description to display in the default callout when tapped/clicked

Map Callout

Map Callout is a child component of Map Marker and it's used display a custom tooltip when the Map Marker is tapped/clicked on the map.

Configuation

Property

Description

Component Name

The display name for the component

Show Tooltip

If enabled, display the tooltip by default


Did this page help you?