Skip to main content
All docs
V24.2

DxMapRoute.Opacity Property

Specifies route transparency.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0.5)]
[Parameter]
public double Opacity { get; set; }

Property Value

Type Default Description
Double 0.5

A value between 0 (transparent) and 1 (opaque).

Remarks

Use the Opacity property to change route line transparency.

<DxMap ControlsVisible="true"
       Zoom="14"
       Provider="MapProvider.Google"
       Width="950px"
       Height="350px" >
    <DxMapApiKeys Google="@MapApiKeyProvider.GetGoogleProviderKey()" />
    <DxMapRoutes>
        <DxMapRoute Color="red" Weight="9" Mode="MapRouteMode.Walking" Opacity="0.4" >
            <DxMapRouteLocations>
                <DxMapRouteLocation GeoPosition="St. Paul's Cathedral,London" />
                <DxMapRouteLocation GeoPosition="Tower of London,London" />
        </DxMapRoute>
    </DxMapRoutes>
</DxMap>

DxMap - Map with a Transparent Route

See Also