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

    Contains a collection of map markers.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxMapMarkers :
        CollectionComponent<MapMarkerModel>

    Remarks

    Add DxMapMarker objects in the DxMapMarkers collection to create markers on the map.

    <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
    DevExpress.Blazor.ClientComponents.Internal.CollectionComponent<DevExpress.Blazor.ClientComponents.Internal.MapMarkerModel>
    DxMapMarkers
    See Also