Add a polygon to the Silverlight Bing Map

In this article we will be seeing how to add a polygon on top of the Silverlight Bing Map.

Refer this Article for creating Silverlight Bing Map Control.

MapPolygon:

The MapPolygon class accepts a list of points that define its shape and location on the map.

MapPolygon class is used to represent a polygon on the map.

Namespace: Microsoft.Maps.MapControl

Assembly: Microsoft.Maps.MapControl (in microsoft.maps.mapcontrol.dll)

Create Silverlight application:

Open Visual Studio 2010.
Go to File => New => Project.
Select Silverlight Application from the installed templates Silverlight.
Enter the Name and click on Ok.
Click OK.
Go to C:\Program Files (x86)\Bing Maps Silverlight Control\V1\Libraries\ (Check the path where you have installed Bing Maps Silverlight Control).
Add the following assemblies to the project.

o Microsoft.Maps.MapControl.Common.dll
o Microsoft.Maps.MapControl.dll
Replace MainPage.xaml with the following code

<UserControl x:Class="SilverlightMapControl.MainPage"
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:map="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400">
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="35" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Button x:Name="btnCreatePolygon" Width="100" Height="25" Content="Create Polygon" HorizontalAlignment="Left" Tag="false"
Click="btnCreatePolygon_Click"></Button>
<map:Map x:Name="MapWithPolygon" CredentialsProvider="your key" Mode="Road" Grid.Row="1" Grid.ColumnSpan="2">
</map:Map>
</Grid>
</UserControl>
Add the following in MainPage.xaml.cs.

private void btnCreatePolygon_Click(object sender, RoutedEventArgs e)
{
MapPolygon polygon = new MapPolygon();
polygon.Fill = new System.Windows.Media.SolidColorBrush(System.Windows.Media.Colors.Gray);
polygon.Stroke = new System.Windows.Media.SolidColorBrush(System.Windows.Media.Colors.Black);
polygon.StrokeThickness = 1;
polygon.Opacity = 0.7;
polygon.Locations = new LocationCollection() {
new Location(15,-15),
new Location(15,15),
new Location(-15,15),
new Location(-15,-15)};
MapWithPolygon.Children.Add(polygon);
}
Build the solution.
Hit F5.
The output looks like the following

Location:

Contains the altitude and coordinate values of a location on the map.

Fill:

It is used to get or set the fill of the shape.

Opacity:

It is used to get or set the opacity of the shape.

Stroke:

It is used to get or set the stroke color of the shape.