[component:map:interactive]to it. This element will show a map in the app after importing it to Bravo. In case you want the map to be a fixed image with all the markers (not movable or zoomable), add just
<longitude>are the map center's coordinates.
<zoom>needs to be a number from 0 (zoomed out) to 22 (zoomed all the way in). These values can also be bound to API data, as we'll show in the next section. To do that, do not specify any of the values in the tag, use just
[asset:marker:default]to it. Inside it, you can insert an SVG component or a PNG image with a transparent background.
Zoomfeatures as shown below.
Map Markercomponent shown below. Then, we'll need to bind a list of markers to the
Pointsproperty. This data item must be a list, containing all the marker data.
Longitude, to their corresponding data items.