DxMap.MarkerIconUrl Property
Specifies the URL for map marker icons.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.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>