Datasource: Specifies the data source for locations to be displayed on the map. Sources such as REST API and SQL Actions are supported.
Latitude: The latitude value on which the map will focus when first opened. Can be assigned statically or dynamically.
Longitude: The longitude value on which the map will focus when first opened.
Circle Radius In Km: Highlights a specific area on the map within a circular boundary.
Auto Center: Determines how the map will be positioned upon opening.
True: The map automatically centers to cover all locations in the data source and determines the appropriate zoom level itself. It positions itself to include all markers.
False: The map does not perform any automatic centering. The opening position is set according to the values specified in the Latitude and Longitude fields. If these fields are empty, the map opens at the default starting position.
When Auto Center = True, the Latitude and Longitude values are not used.
Group Picker Icon: Allows nearby locations to be grouped under a single icon when zooming out.
Current Location Icon: Shows the user's current location.
Selected Location Icon: Marks the location selected by the user.
Keep Center On Zoom: The map center remains fixed during zooming.
Roadmap: Standard road map. Highways, streets, and city details are clearly shown.
Terrain: A map type that shows elevation differences and natural terrain features. Mountains, hills, and valleys become prominent.
Satellite: Displays the map with real-world images using satellite imagery. Buildings, natural areas, and water sources are clearly visible.
Hybrid: A map mode that combines satellite images with road and settlement information. Road and city names are added to the satellite images to provide a more comprehensive view.
HideTrafficLayer: Controls whether the traffic density layer (road congestion) is displayed on the map. The default value is false.
HideTransitLayer: Controls whether public transportation routes (train, subway, tram, etc.) are displayed on the map. The default value is false.
Waypoints: Enables automatic route drawing from the user's current location to entered locations.
FullScreenControl: Controls whether the map can be switched to full-screen mode.
StreetViewControl (Web): Enables switching to street view.
ScaleControl (Web): Determines whether the distance scale is displayed on the map.
ZoomControl (Web): Determines whether the map zoom in and zoom out buttons are displayed.
CameraControl (Web): Allows control of the map perspective and camera angle.
EnableLocationTracking (Web + Mobile): Enables real-time tracking of the user's current location on the map.
Latitude and Longitude values must be in “Decimal” format.
The Maps element opens the map screen and displays other locations even when the latitude and longitude values are Null (empty).
Getting Location
To get the latitude and longitude values of a location via Google Maps, right-click on the map and copy the coordinates from the menu that appears. Add these values to the Latitude and Longitude fields of the Maps element.
Events
On Location Click: Triggered when the user clicks on a location on the map.
On Map Load: Runs when the map loads.
On Zoom Change: Activates when the user zooms in or out.
The Maps element dynamically displays information from different data sources on the map. This allows your application to offer location-based services in a more user-friendly and interactive way.