blazor-devexpress-dot-blazor-333cf3bb.md
Defines a map marker’s settings.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public interface IMapMarker
The following members return IMapMarker objects:
When a user clicks a map marker, the MarkerClick event fires. The event argument’s Marker property implements the IMapMarker interface.
Use the MarkerId property to identify the clicked marker and the Location property to get the marker location.
<DxMap Provider="MapProvider.Azure"
Zoom="18"
Width="950px"
Height="400px"
MarkerClick="OnMapMarkerClick" >
<DxMapApiKeys Azure="@MapApiKeyProvider.GetAzureProviderKey()" />
<DxMapMarkers>
<DxMapMarker MarkerId="BusStation" IconUrl="images/bus-station-mark.png" >
<DxMapMarkerLocation GeoPosition="51.481633,-0.008281" />
</DxMapMarker>
<DxMapMarker MarkerId="GiftShop" IconUrl="images/shop-mark.png">
<DxMapMarkerLocation GeoPosition="51.480889,-0.009259" />
</DxMapMarker>
</DxMapMarkers>
<DxMapRoutes>
<DxMapRoute Color="red" Weight="9" Mode="MapRouteMode.Walking">
<DxMapRouteLocations>
<DxMapRouteLocation GeoPosition="51.481633,-0.008281" />
<DxMapRouteLocation GeoPosition="51.481186,-0.009107" />
<DxMapRouteLocation GeoPosition="51.480889,-0.009259" />
</DxMapRouteLocations>
</DxMapRoute>
</DxMapRoutes>
</DxMap>
@code {
void OnMapMarkerClick(MapMarkerClickEventArgs e) {
switch(e.Marker.MarkerId) {
case "BusStation":
ShowBusStationInformation();
break;
case "GiftShop":
ShowShopInformation();
break;
}
}
// ...
}
See Also