DxMapRouteLocation Class

Defines a location’s settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxMapRouteLocation :
    DxMapLocation<MapLocationModel>

Remarks

Add DxMapRouteLocation objects to the DxMapRouteLocations collection to create a route by these location points.

You can specify location settings in two ways:

• Use the GeoPosition property that accepts coordinates and text address.
• Use Latitude and Longitude properties.

<DxMap Zoom="15" Provider="MapProvider.Google" Width="950px" Height="450px" >
    <DxMapApiKeys Google="@MapApiKeyProvider.GetGoogleProviderKey()" />
    <DxMapRoutes>
        <DxMapRoute Mode="MapRouteMode.Walking">
            <DxMapRouteLocations>
                <DxMapRouteLocation GeoPosition="St. Paul's Cathedral,London" />
                <DxMapRouteLocation GeoPosition="51.505457,-0.090756" />
                <DxMapRouteLocation Latitude="51.504682" Longitude="-0.076422" />
            </DxMapRouteLocations>
        </DxMapRoute>
    </DxMapRoutes>
    <DxMapMarkers>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="St. Paul's Cathedral,London" />
            <DxMapMarkerTooltip Text="St. Paul's Cathedral" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="51.505457,-0.090756" />
            <DxMapMarkerTooltip Text="Borough Market" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation Latitude="51.504682" Longitude="-0.076422" />
            <DxMapMarkerTooltip Text="Tower Bridge" />
        </DxMapMarker>
    </DxMapMarkers>
</DxMap>

Run Demo: Map Markers

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel>

DxMapLocation<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel>

DxMapRouteLocation