Set up the map

Map is the visual element and we must see it as well as an eagle
Now that mapbox is linked and the database is set, we can start working on the app itself. First step is to put the map on the app. Open the “Design” tab in the left hand side of the bubble editor. The element list of the left side will have “visual elements” tab. There you will find an element called “Mapbox map”:
Screenshot 2021-10-11 at 12.26.19.png
Place the map onto your app. Currently the map element does not have any preview so you will only be able to see the outlines of the element when you select it, something like this:
Screenshot 2021-10-11 at 12.32.29.png
You can make the map any size or ratio!
Now you can double click on the map element or find the element in element tree and press it. This will open the element options:
Screenshot 2021-10-11 at 13.40.47.png
There are 4 fields you need to fill. All of these fields are lists of values. These are fields that connect your database to the map. Here you need to pass your database values to to the map. The most simple way to do so is to do the “Search...” action. In each field, click and find “Do a search for...” action. There choose the appropriate database table (for Marker list choose markers, for line list choose line, etc).
Screenshot 2021-10-11 at 13.44.19.png
For image list you need to do the same kind of search action, but add another “image” at the end:
Screenshot 2021-10-11 at 13.46.09.png
The end result should look like this:
Screenshot 2021-10-11 at 13.47.04.png
Now you have your database and the map set up and ready to work!
You can try and preview your app and see how the map looks!
Next you should inform yourself on all the events, workflows and steps that are in the plugin.
For this, the next recommended step is -

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.