React Map - markers.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"

When you use the Map as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control, specify this property using the Address() or Coordinates() method as shown in the following code.

Razor C#
Razor VB
@(Html.DevExtreme().Map()
    .Markers(markers => {
        markers.Add().Address("Brooklyn Bridge,New York,NY");
        markers.Add().Coordinates(40.74982, -73.987963);
    })
)
@(Html.DevExtreme().Map() _
    .Markers(Sub(markers)
        markers.Add().Address("Brooklyn Bridge,New York,NY")
        markers.Add().Coordinates(40.74982, -73.987963)
    End Sub)
)

lat

The latitude location of the UI component.

Type:

Number

Default Value: 0

lng

The longitude location of the UI component.

Type:

Number

Default Value: 0