Skip to main content
All docs
V25.1
  • DxMapMarkerTooltip Class

    Contains settings of a marker tooltip.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxMapMarkerTooltip :
        DxSettingsComponent<MapMarkerTooltipModel>

    Remarks

    Add a DxMapMarkerTooltip object in the DxMapMarker component to specify a tooltip for the marker. Use the Text property to specify the tooltip text and the Visible property to specify the initial tooltip visibility. Users can click a marker to display tooltip and click the close button to hide the tooltip.

    <DxMap Zoom="14" Provider="MapProvider.Azure" Width="950px" Height="400px" >
        <DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
        <DxMapMarkers>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.519852,-0.077593" />
                <DxMapMarkerTooltip Text="Spitalfields Market" Visible="true" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.514763,-0.080787" />
                <DxMapMarkerTooltip Text="The Gherkin" Visible="true" />
            </DxMapMarker>
            <DxMapMarker>
                <DxMapMarkerLocation GeoPosition="51.508029,-0.078674" />
                <DxMapMarkerTooltip Text="Tower of London" Visible="true" />
            </DxMapMarker> 
        </DxMapMarkers>
    </DxMap>
    

    Map - Tooltips

    Run Demo: Map Markers

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.MapMarkerTooltipModel>
    DxMapMarkerTooltip
    See Also