смотри, у меня есть код
<Window x:Class="MarathonSkills.InteractiveMapWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:MarathonSkills"
mc:Ignorable="d"
Title="InteractiveMapWindow" Height="450" Width="800">
<Grid>
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="280"/>
</Grid.ColumnDefinitions>
<Canvas Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="500" Height="500">
<Image Source="map-network7.png" Width="500" Height="500" Stretch="UniformToFill"/>
<Button Content="1" Canvas.Left="300" Canvas.Top="40" Style="{StaticResource MapPointStyle}" Click="Point_Click" Tag="Пункт 1: Стадион Лужники. Особенности: Еда, вода, туалет, медпункт"/>
<Button Content="2" Canvas.Left="380" Canvas.Top="180" Style="{StaticResource MapPointStyle}" Click="Point_Click" Tag="Пункт 2: Набережная. Особенности: Питьевая вода, еда"/>
<Button Content="3" Canvas.Left="350" Canvas.Top="320" Style="{StaticResource MapPointStyle}" Click="Point_Click" Tag="Пункт 3: Парк Горького. Особенности: Медпункт, туалет."/>
<Button Content="4" Canvas.Left="150" Canvas.Top="420" Style="{StaticResource MapPointStyle}" Click="Point_Click" Tag="Пункт 4: Метро."/>
</Canvas>
<StackPanel Grid.Column="1" Background="#E2E2E2" Margin="10">
<TextBlock x:Name="CheckpointName" Text="Выбор пункта..." FontSize="20" FontWeight="Bold" Margin="10"/>
<TextBlock x:Name="CheckpointDesc" Text="Нажмите на иконку на карте" TextWrapping="Wrap" Margin="10" FontSize="16"/>
</StackPanel>
</Grid>
</Grid>
</Window>
добавь чтоб у точек были типо "маршруты"