DxMap.Visible Property

Specifies the component’s visibility.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool Visible { get; set; }

Property Value

Type	Default	Description
Boolean	true	true to show the component; otherwise, false.

Remarks

Set the Visible property to false to hide the DxMap component.

<DxButton Click="@toggleMapVisibility" Text="@buttonText" />
<DxMap Zoom="14" Provider="MapProvider.Bing" Visible="@mapVilible" Width="@mapWidth" Height="@mapHeight" >
    <DxMapApiKeys Bing="@MapApiKeyProvider.GetBingProviderKey()" />
    <DxMapCenter GeoPosition="40.7061, -73.9969" />
</DxMap>

@code {
    string buttonText = "Hide map";
    bool mapVilible = true;
    string mapWidth = "600px";
    string mapHeight = "400px";

    void toggleMapVisibility(MouseEventArgs args) {
        mapVilible = !mapVilible;
        buttonText = mapVilible ? "Hide map" : "Show map";
        mapWidth = mapVilible ? "600px" : "";
        mapHeight = mapVilible ? "400px" : "";
    }
}