# Adding Custom Icon Marker on Click in RadMap with VisualizationLayer

## Environment

| Property | Value                             |
| -------- | --------------------------------- |
| Product  | Progress® Telerik® RadMap for WPF |
| Version  | 2022.2.621                        |

## Description

How to add a custom marker in RadMap for WPF on the clicked location.

## Solution

To place a custom icon as a marker on a clicked location in RadMap, you can subscribe to `MapMouseClick` event of `RadMap`. In the event handler, you can add the clicked location (or a custom object) in the `Items` collection of a [VisualizationLayer](https://www.telerik.com/products/wpf/documentation/controls/radmap/features/visualization-layer/introduction) added to the map.

To customize the marker visual, you can use the `ItemTemplate` of the `VisualizationLayer`.

**Defining the RadMap element**

```XAML
	<telerik:RadMap x:Name="radMap"
					MapMouseClick="RadMap_MapMouseClick"
					MouseClickMode="None">
		<telerik:RadMap.Provider>
			<telerik:ArcGisMapProvider />
		</telerik:RadMap.Provider>
		<telerik:VisualizationLayer x:Name="layer">
			<telerik:VisualizationLayer.ItemTemplate>
				<DataTemplate>
					<telerik:RadGlyph Glyph="&#xe303;"
									  telerik:MapLayer.Location="{Binding}"
									  Foreground="Green"
									  FontSize="24"/>
				</DataTemplate>
			</telerik:VisualizationLayer.ItemTemplate>
		</telerik:VisualizationLayer>
	</telerik:RadMap>
```

**Implementing the click logic**

```C#
	private void RadMap_MapMouseClick(object sender, Telerik.Windows.Controls.Map.MapMouseRoutedEventArgs eventArgs)
	{
		this.layer.Items.Clear();
		this.layer.Items.Add(eventArgs.Location);
	}
```