Quick Reference

This topic is dedicated to providing a quick overview of the XAML used to complete various tasks.

Item Template

The following example illustrates how to use the maps item template:

Markup	Copy Code
<C1:C1Maps x:Name="C1Maps1" FadeInTiles="False" Margin="0,0,235,8" TargetCenter="-65,-25" Center="-58,-25" Zoom="2" Foreground="Aqua" Xaml:C1NagScreen.Nag="True"> <C1:C1Maps.Resources> <!-- Template --> <DataTemplate x:Key="templPts"> <C1:C1VectorPlacemark GeoPoint="{Binding Path=LongLat}" Fill="Aqua" Stroke="Aqua" Label="{Binding Path=Name}" LabelPosition="Top" > <C1:C1VectorPlacemark.Geometry> <EllipseGeometry RadiusX="2" RadiusY="2" /> </C1:C1VectorPlacemark.Geometry> </C1:C1VectorPlacemark> </DataTemplate> </C1:C1Maps.Resources> <C1:C1VectorLayer ItemsSource="{Binding}" ItemTemplate="{StaticResource templPts}" HorizontalAlignment="Right" Width="403" /> </C1:C1Maps>

Markup

Copy Code

<C1:C1Maps x:Name="C1Maps1" FadeInTiles="False" Margin="0,0,235,8" TargetCenter="-65,-25" Center="-58,-25" Zoom="2" Foreground="Aqua" Xaml:C1NagScreen.Nag="True">
            <C1:C1Maps.Resources>
                <!-- Template -->
                <DataTemplate x:Key="templPts">
                    <C1:C1VectorPlacemark GeoPoint="{Binding Path=LongLat}" Fill="Aqua" Stroke="Aqua" Label="{Binding Path=Name}" LabelPosition="Top" >
                        <C1:C1VectorPlacemark.Geometry>
                           <EllipseGeometry RadiusX="2" RadiusY="2" />
                        </C1:C1VectorPlacemark.Geometry>
                    </C1:C1VectorPlacemark>
                </DataTemplate>
            </C1:C1Maps.Resources>
            <C1:C1VectorLayer ItemsSource="{Binding}" ItemTemplate="{StaticResource templPts}" HorizontalAlignment="Right" Width="403" />
            </C1:C1Maps>

Vector Layer Label

The following example illustrates how to create labels using the vector layer:

Markup	Copy Code
<C1:C1VectorLayer> <c1:C1VectorPlacemark LabelPosition="Left" GeoPoint="-80.107008,42.16389" StrokeThickness="2" Foreground="#FFEB1212" PinPoint="-80.010866,42.156831" Label="Erie, PA"/> </C1:C1VectorLayer> VectorLayer – Polyline The following example illustrates how to create a polyline (an open line) using the vector layer: <C1:C1VectorLayer Margin="2,0,-2,0"> <C1:C1VectorPolyline Points="-80.15,42.12 -123.08,39.09, -3.90,30.85" StrokeThickness="3" Stroke="Red"> </C1:C1VectorPolyline> </C1:C1VectorLayer> Vector Layer – Polygon The following example illustrates how to create a polyline (a line that creates a shape) using the vector layer: <C1:C1VectorLayer Margin="2,0,-2,0"> <C1:C1VectorPolygon Points="-80.15,42.12 -123.08,39.09, -3.90,30.85" StrokeThickness="3" Stroke="Red"> </C1:C1VectorPolygon> </C1:C1VectorLayer>

Markup

Copy Code

<C1:C1VectorLayer>
<c1:C1VectorPlacemark LabelPosition="Left" GeoPoint="-80.107008,42.16389" StrokeThickness="2" Foreground="#FFEB1212" PinPoint="-80.010866,42.156831" Label="Erie, PA"/>
</C1:C1VectorLayer>
VectorLayer – Polyline
The following example illustrates how to create a polyline (an open line) using the vector layer:
<C1:C1VectorLayer Margin="2,0,-2,0">
     <C1:C1VectorPolyline Points="-80.15,42.12 -123.08,39.09, -3.90,30.85" StrokeThickness="3" Stroke="Red">
     </C1:C1VectorPolyline>
</C1:C1VectorLayer>
Vector Layer – Polygon
The following example illustrates how to create a polyline (a line that creates a shape) using the vector layer:
<C1:C1VectorLayer Margin="2,0,-2,0">
     <C1:C1VectorPolygon Points="-80.15,42.12 -123.08,39.09, -3.90,30.85" StrokeThickness="3" Stroke="Red">
     </C1:C1VectorPolygon>
</C1:C1VectorLayer>