React Map - routes

View Demo

This property supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors
• Paint server address

You can specify the locations 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.

@(Html.DevExtreme().Map()
    .Routes(routes => {
        routes.Add().Locations(locations => {
            locations.Add().Address("Brooklyn Bridge,New York,NY");
            locations.Add().Coordinates(40.753889, -73.95);
        });
    })
)

@(Html.DevExtreme().Map() _
    .Routes(Sub(routes)
        routes.Add().Locations(Sub(locations)
            locations.Add().Address("Brooklyn Bridge,New York,NY")
            locations.Add().Coordinates(40.753889, -73.95)
        End Sub)
    End Sub)
)

Use the GeoMapRouteMode enum to specify this property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Driving and Walking.