With the Map component, you can display a map in your application, create markers (points of interest, zones) or display a route. This component is based on OpenStreetMap and Mapbox.

OpenStreetMap and Mapbox are online mapping tools. 
OpenStreetMap is a map of the world published for free under an open content license. Built by volunteer contributors, it is editable by all and constantly evolving. Mapbox is more advanced and offers many customizations of the map background. However, its use requires a subscription. 

Display a map

Click on Components and insert the Map component.
In the Properties window, choose the provider: OpenStreetMap or Mapbox

💡 If you choose Mapbox, you must first create an account and get your Access Token to display the map. Learn more

You can choose whether or not to display the user's position on the map. 

Create markers and a route

You can create markers, points of interest located at a specific position on the map. To create a marker, simply select the type of marker from the toolbar (point of interest, rectangular or circular area) and click on the map to position it. You can create trails to represent a route. 
When you create a marker, it appears in the list in the left window.

You can customize the appearance of these markers by specifying an icon's URL, size and position. It is also possible to display a pop-up with customizable content. 

💡 For the appearance of the markers, we use the Geopify service: you can customize the appearance and generate a new URL. You can also use any other service.

Trigger actions with marqueurs

Once your markers are created, you can use them to trigger an action.
Open the Actions window and select a marker from the list. Create the action of your choice (e.g. Go to a screen or Open a pop-up)

💡 If you want to go further, the GPS / Geofencing component allows you to trigger actions based on the user's GPS coordinates.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.