New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact MapMarkerLayer component.

Definition

Package:@progress/kendo-react-map

Properties

The attribution for the layer. Accepts HTML.

children?

ReactNode

The child components. Supports MapMarkerLayerTooltip.

data?

any[]

The array of data items for this layer.

extent?

Extent | [[number, number], [number, number]]

Specifies the extent of the region covered by this layer. The layer will be hidden when the specified area is out of view. If not specified, the layer is always visible.

Accepts an Extent or an array that specifies the extent covered by this layer: [[NW lat, NW long], [SE lat, SE long]].

The data item field which contains the marker location.

The field should be an array with two numbers - latitude and longitude in decimal degrees.

maxZoom?

number

The minimum zoom level at which to show this layer.

minZoom?

number

The minimum zoom level at which to show this layer.

opacity?

number

The the opacity for the layer.

The value must be in the range from 0 (fully transparent) to 1 (fully opaque).

shape?

string

The default marker shape for data-bound markers.

The following pre-defined marker shapes are available:

  • "pinTarget"
  • "pin"

Marker shapes are implemented as CSS classes on the marker element (span.k-marker). For example "pinTarget" is rendered as "k-marker-pin-target".

template?

string | (dataItem: any) => string

The template which renders the content of the marker.

Accepts a string template or a function that receives the data item and returns an HTML string.

The data item field which contains the marker title.

zIndex?

number

The zIndex for this layer.

Layers are normally stacked in declaration order (last one is on top).