Hi,
I'm trying to display multiple pushpin using RadMap. Below is my code and attached my requirement screenshot. Please advise.
<telerik:RadMap Grid.Row="0" x:Name="radMap" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
ZoomLevel="{Binding ZoomLevel, Mode=TwoWay}" Center="{Binding MapCenter, Mode=TwoWay}">
<telerik:InformationLayer x:Name="radLocationPins" ItemsSource="{Binding Locations}">
<telerik:InformationLayer.ItemTemplate>
<DataTemplate>
<telerik:MapPinPoint telerik:MapLayer.Location="{Binding MapLocation}" Text="{Binding RowNumber}" Tag="{Binding UnitEvent_ParentEventID}" ImageSource="{Binding ImageSource}">
<telerik:MapPinPoint.Template>
<ControlTemplate>
<StackPanel x:Name="tmpPushPin" Tag="{Binding UnitEvent_ParentEventID}">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonUp">
<ei:ChangePropertyAction TargetObject="{Binding Path=DataContext,ElementName=ReeferMapCW}" PropertyName="SelectedPushPin" Value="{Binding Tag, ElementName=tmpPushPin}" />
<ei:CallMethodAction TargetObject="{Binding Path=DataContext,ElementName=ReeferMapCW}" MethodName="ChangeSelectedItem"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<!--StackPanel Height="34" Width="20">
<StackPanel.Background>
<ImageBrush ImageSource="{Binding ImageSource}"></ImageBrush>
</StackPanel.Background>
<TextBlock Height="4"></TextBlock>
<TextBlock Height="24" Text="{Binding RowNumber}" Foreground="Black" FontWeight="Bold" FontSize="10" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
</StackPanel-->
</StackPanel>
</ControlTemplate>
</telerik:MapPinPoint.Template>
</telerik:MapPinPoint>
</DataTemplate>
</telerik:InformationLayer.ItemTemplate>
</telerik:InformationLayer>
</telerik:RadMap>