React Map - markers

An array of markers displayed on a map.

Type:

Array<Object>

If you use the Knockout approach when working with the Map UI component, you can pass an observable array to the markers property to easily manage markers.

View Demo

iconSrc

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

Type:

String

location

Specifies the marker location.

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.

Type:

Function

tooltip

A tooltip to be used for the marker.

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.