DxMapRoute.Opacity Property

Specifies route transparency.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.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 a route line transparency in Google maps. Note that this property is not in effect in Bing maps, where a route line is always opaque.

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