display-coordinates
Last updated
Last updated
The display-coordinates
component shows a specific location (or multiple locations) on a map.
The following example shows a GPS location defined in a view variable (using marker
), as well as a series of GPS locations using a query (using marker-query
).
In the example the user's current location is bound to the variable specified in the display-coordinates
bind
attribute (however, you could bind any location here). Markers allow you to visually display specific locations on a map. This is useful, for example, to show where the user's current location is in relation to other points of interest.
bind
Required
Also see:
label
align-content
align-controls
align-label
allow-dragging
allow-zoom
height
id
label-case
label-color
show-if
and hide-if
show-markers
getMapState
scrollIntoView
setMapState
bind
is responsible for setting the current center of the map within the display-coordinates
component. A marker will autogenerate at the center location if no marker
or marker-query
is defined. See for more information on hiding markers.
Must be a variable or field of type location
. See the reference on for more details.
See
See
See
See
See
The following component methods are available when an is assigned to the component and component.displayCoordinates({id:'my-id'})
is called from JS/TS:
See
See
See