Skip to main content
All docs
V25.1
  • DxMapRouteLocations Class

    Contains a collection of route locations.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxMapRouteLocations :
        CollectionComponent<MapLocationModel>

    Remarks

    Place DxMapRouteLocation objects in the DxMapRouteLocations tag to create a route by locations.

    <DxMap Zoom="15" Provider="MapProvider.Azure" Width="950px" Height="500px" >
        <DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
        <DxMapRoutes>
            <DxMapRoute Color="coral" Weight="9" Mode="MapRouteMode.Walking" >
                <DxMapRouteLocations>
                    <DxMapRouteLocation GeoPosition="51.519852,-0.077593" />
                    <DxMapRouteLocation GeoPosition="51.514763,-0.080787" />
                    <DxMapRouteLocation Latitude="51.512471" Longitude="-0.082368" />
                    <DxMapRouteLocation Latitude="51.512785" Longitude="-0.083530" />
                    <DxMapRouteLocation GeoPosition="51.510974,-0.083612" />
                    <DxMapRouteLocation GeoPosition="51.509727,-0.0825166" />
                    <DxMapRouteLocation GeoPosition="51.508029,-0.078674" />
                </DxMapRouteLocations>
            </DxMapRoute>
        </DxMapRoutes>
        <DxMapMarkers>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.519852,-0.077593" />
                <DxMapMarkerTooltip Text="Spitalfields Market" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.514763,-0.080787" />
                <DxMapMarkerTooltip Text="The Gherkin" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.510974,-0.083612" />
                <DxMapMarkerTooltip Text="Sky Garden" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.509727,-0.0825166" />
                <DxMapMarkerTooltip Text="St Dunstan-in-the-East" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.508029,-0.078674" />
                <DxMapMarkerTooltip Text="Tower of London" />
            </DxMapMarker>
        </DxMapMarkers>
    </DxMap>
    

    DxMap - Map with a Route

    Run Demo: Map Routes

    Inheritance

    Object
    ComponentBase
    DevExpress.Blazor.ClientComponents.Internal.CollectionComponent<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel>
    DxMapRouteLocations
    See Also