DxMap.MarkerIconUrl Property

Specifies the URL for map marker icons.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string MarkerIconUrl { get; set; }

Property Value

Type	Description
String	The icon URL.

Remarks

Use the MarkerIconUrl property to specify a common icon for every marker on the map. You can use the IconUrl property to define a custom icon for a particular marker.

<DxMap Zoom="14"
       Provider="MapProvider.Azure"
       Width="950px"
       Height="400px" 
       MarkerIconUrl="https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/images/maps/map-marker.png" >
    <DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
    <DxMapMarkers>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="51.519852,-0.077593" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="51.514763,-0.080787" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="51.508029,-0.078674" />
        </DxMapMarker>
    </DxMapMarkers>
</DxMap>