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

    Defines a marker location’s settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxMapMarkerLocation :
        DxMapLocation<MapLocationModel>

    Remarks

    Add a DxMapMarkerLocation object in the DxMapMarker component to specify the marker location. You can specify location settings in two ways:

    <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>
    

    map with route

    Run Demo: Map Markers

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel>
    DxMapLocation<DevExpress.Blazor.ClientComponents.Internal.MapLocationModel>
    DxMapMarkerLocation
    See Also