Links

marker-query

Version compatibility
marker-query was introduced in version 4.82.0 of the JourneyApps Runtime.

Overview

marker-query is almost identical to marker. It differs in that the markers can be populated on the map using a query.

Basic Example

capture-coordinates
display-coordinates
Below is an example of using capture-coordinates along with a marker-query.
schema.xml
<model name="user" label="User">
<field name="name" label="Name" type="text:name"/>
<field name="location" label="Location" type="location"/>
<display>{name} - {location}</display>
</model>
main.view.xml
<var name="current_location" type="location" />
<var name="users" type="query:user" />
<capture-coordinates bind="current_location">
<marker-query query="users" latitude="{location.latitude}" longitude="{location.longitude}" label="{name}" />
</capture-coordinates>
main.js
function init() {
view.users = DB.user.where('location != ?', null);
}
Below is an example of using display-coordinates along with multiple query markers.
schema.xml
<model name="user" label="User">
<field name="name" label="Name" type="text:name"/>
<field name="location" label="Location" type="location"/>
<display>{name} - {location}</display>
</model>
main.view.xml
<var name="map_center" type="location" />
<var name="users" type="query:user" />
<display-coordinates bind="map_center">
<marker-query query="users" latitude="{location.latitude}" longitude="{location.longitude}" label="{name}" />
</display-coordinates>
main.js
function init() {
view.map_center = journey.hardware.getCurrentLocation();
view.users = DB.user.where('location != ?', null);
}

Standard Attributes

bind

label

latitude and longitude

query

Required
Type: location
Default: unset
A query or array of objects containing a location variable or field. Use latitude and longitude from the location variable or field to specify a marker's location.
<var name="current_location" type="location" />
<var name="markers" type="array:location" />
<capture-coordinates bind="current_location">
<marker-query query="markers" latitude="{marker.latitude}" longitude="{marker.longitude}" />
</capture-coordinates>

Advanced Attributes

color

icon

icon-color

on-press

Last modified 10mo ago