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

PropertyDescription
Component NameThe display name for this component
ProviderBy 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.
Zoom EnabledIf enabled, will allow the user to zoom in/out on the map
Shows CompassIf enabled, will display the map's compass
Loading Indicator ColorThe color of the loading indicator if Loading Enabled is enabled
Loading BG ColorThe color of the loading background if Loading Enabled is enabled
Shows User LocationIf enabled, will display the user's location when the map is rendered
Follows User Location (iOS Only)If enabled, will update the user's location on the map. iOS only.
Shows Points of InterestIf enabled, will display other public locations on the map.
Initial ZoomSets 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.
Rotate EnabledIf enabled, will allow the user to rotate the map
Pan EnabledIf enabled, will allow the user to pan the map
Loading EnabledIf enabled, will show a loading indicator while the map is being rendered on the screen
Map TypeTo select the type of Map from these options
(standard, satellite, hybrid, terrain, none, mutedstandard)
Auto Cluster MarkersIf enabled, markers will be automatically grouped into clusters based on distance.
Auto Cluster DistanceIf enabled, sets a maximum meter range for marker auto-clustering.

Data

PropertyDescription
Markers DataYou can pass an Object Array just like a List component in order to render a list of locations on the map using markers
Initial LatitudeThe initial latitude coordinate when the map is first rendered
Initial LongitudeThe initial longitude coordinate when the map is first rendered
Map StyleYou can use a custom JSON to define the Google Map's style (only compatible with 'google' map provider). Style JSON can be created here.

Triggers

PropertyDescription
On PressProvides latitude and longitude arguments
On Region ChangeInvoked each time the user moves, zooms, or modifies the region. It works when you stop moving the map and the area changes.