DxMap.ControlsVisible Property

Specifies whether map UI controls are visible.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

razor

<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