All docs
V20.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

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