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”:
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:
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:
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).
For image list you need to do the same kind of search action, but add another “image” at the end:
The end result should look like this:
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.
Set up the map
