Map View
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. |
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 |
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 (iOS Only) | 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. |
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. |
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 |
Map Type | To select the type of Map from these options (standard, satellite, hybrid, terrain, none, mutedstandard) |
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 |
Updated 7 months ago