• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Map / API / Map / 

Map

A subclass of React.Component.

Represents the KendoReact Map component.

NameTypeDefaultDescription

extent

undefined | Extent

Sets the extent (visible area) of the map.

layers

MapLayer[]

The marker layers instances.

props

Readonly<MapProps>

The props of the Map component.

Methods

eventOffset

Returns the event coordinates relative to the map element. Offset coordinates are not synchronized to a particular location on the map.

Parameters

e

any

The mouse event.

Returns

undefined | Point

The event coordinates relative to the map element.

eventToLayer

Retrieves projected (layer) coordinates that correspond to this mouse event. Layer coordinates are absolute and change only when the zoom level is changed.

Parameters

e

any

The mouse event.

Returns

undefined | Point

The projected (layer) coordinates that correspond to this event.

eventToLocation

Retrieves the geographic location that correspond to this mouse event.

Parameters

e

any

The mouse event.

Returns

undefined | Point

The geographic location that correspond to this mouse event.

eventToView

Retrieves relative (view) coordinates that correspond to this mouse event. Layer elements positioned on these coordinates will appear under the mouse cursor. View coordinates are no longer valid after a map reset.

Parameters

e

any

The mouse event.

Returns

undefined | Point

The relative (view) coordinates that correspond to this mouse event.

layerToLocation

Transforms layer (projected) coordinates to geographical location.

Parameters

point

number[] | Point

The layer (projected) coordinates. An array argument is assumed to be in x, y order.

zoom?

number

Optional. Assumed zoom level. Defaults to the current zoom level.

Returns

undefined | Location

The geographic location that corresponds to the layer coordinates.

loadMarkers

Load markers in the Map. This method will clear the current markers and show the new ones.

Parameters

newMarkers

any[]

An array of markers.

locationToLayer

Returns the layer (projected) coordinates that correspond to a geographical location.

Parameters

location

number[] | Location

The geographic location. An array argument is assumed to be in [Latitude, Longitude] order.

zoom?

number

Optional. Assumed zoom level. Defaults to the current zoom level.

Returns

undefined | Point

The layer (projected) coordinates.

locationToView

Returns the view (relative) coordinates that correspond to a geographical location.

Parameters

location

number[] | Location

The geographic location. An array argument is assumed to be in [Latitude, Longitude] order.

Returns

undefined | Point

The view coordinates that correspond to a geographical location.

resize

Detects the size of the container and redraws the Map. Resizing is automatic unless you set the resizeRateLimit option to 0.

viewSize

Retrieves the size of the visible portion of the map.

Returns

{ height: number; width: number; }

The size (width and height) of the visible portion of the map.

viewToLocation

Returns the geographical location that correspond to the view (relative) coordinates.

Parameters

point

number[] | Point

The view coordinates. An array argument is assumed to be in x, y order.

zoom?

number

Optional. Assumed zoom level. Defaults to the current zoom level.

Returns

undefined | Location

The geographic location that corresponds to the view coordinates.

In this article

Not finding the help you need?

Contact Support