DxMapMarker Class

Contains a map marker’s settings.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxMapMarker :
    DxComplexSettingsComponent<DxMapMarker, MapMarkerModel>,
    IModelProvider<MapMarkerTooltipModel>,
    IModelProvider<MapLocationModel>

Remarks

To create a map marker, follow the steps below:

Place a DxMapMarker component in the DxMapMarkers collection.
Add a DxMapMarkerLocation object and specify a marker location. You can use either the GeoPosition property or Latitude and Longitude properties.
Add a DxMapMarkerTooltip object 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.

razor

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

Run Demo: Map Markers

Implements

Inheritance

Object ComponentBase DxSettingsComponent<DevExpress.Blazor.ClientComponents.Internal.MapMarkerModel> DxComplexSettingsComponent<DxMapMarker, DevExpress.Blazor.ClientComponents.Internal.MapMarkerModel> DxMapMarker