blazor-devexpress-dot-blazor-efa75a1d.md
Contains a collection of route locations.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public class DxMapRouteLocations :
CollectionComponent<MapLocationModel>
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>
Object ComponentBase DevExpress.Blazor.ClientComponents.Internal.CollectionComponent<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel> DxMapRouteLocations
See Also