DxMap.ControlsVisible Property

Specifies whether map UI controls are visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool ControlsVisible { get; set; }

Property Value

Type	Description
Boolean	true to display controls; otherwise, false.

Remarks

Set the ControlsVisible property to true to display map navigation and type controls. Note that this property is not in effect for Google Static Maps images since they are not interactive.

<DxMap Zoom="14"
       Provider="MapProvider.Azure"
       Width="450px"
       Height="400px"
       ControlsVisible="true" >
    <DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
    <DxMapCenter Latitude="40.7061" Longitude="-73.9969"/>
</DxMap>

<DxMap Zoom="14"
       Provider="MapProvider.Google"
       Width="450px"
       Height="400px"
       ControlsVisible="true" >
    <DxMapApiKeys Google="your_google_api_key" />
    <DxMapCenter Latitude="40.7061" Longitude="-73.9969"/>
</DxMap>

Run Demo: Map Markers