DxMap.Visible Property

Specifies the component’s visibility.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.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.Azure"
       Visible="@mapVisible"
       Width="@mapWidth"
       Height="@mapHeight" >
    <DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
    <DxMapCenter GeoPosition="40.7061, -73.9969" />
</DxMap>

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

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