Vue Map - markers

An array of markers displayed on a map.

Selector: DxMarker
Type:

Array<Object>

Raised Events: onMarkerAdded onMarkerRemoved

View Demo

iconSrc

A URL pointing to the custom icon to be used for the marker.

Selector: icon-src
Type:

String

location

Specifies the marker location.

Selector: DxLocation
Type:

Object

|

String

|

Array<Number>

You can specify the location value in one of the following formats.

  • { lat: 40.749825, lng: -73.987963}
  • "40.749825, -73.987963"
  • [40.749825, -73.987963]
  • "Brooklyn Bridge,New York,NY"

onClick

A callback function performed when the marker is clicked.

Selector: @click
Type:

Function

tooltip

A tooltip to be used for the marker.

Selector: DxTooltip
Type:

String

|

Object

This property takes on an object containing the text and isShown fields. The text field specifies the tooltip text. The isShown field takes on a Boolean value that specifies whether a tooltip is visible by default or not. If the tooltip should be hidden by default, pass the tooltip text directly to the tooltip property.