Skip to main content
All docs
V24.1

DxMapMarkerTooltip Class

Contains settings of a marker tooltip.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.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.Bing" Width="950px" Height="400px" >
    <DxMapApiKeys Bing="@MapApiKeyProvider.GetBingProviderKey()" />
    <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