<UserControl 
    x:Class="ControlExplorer.Controls.Maps.VectorMap"
    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:c1="using:C1.Xaml.Maps"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480">

    <Grid>

        <c1:C1Maps x:Name="maps" Source="{x:Null}" />

        <StackPanel x:Name="legendPanel" VerticalAlignment="Bottom" Visibility="Collapsed">
            <Grid Background="White" Opacity="0.2"  />
            <ListBox x:Name="legend"                     
                    BorderThickness="0" 
                    Padding="4" 
                    FontSize="20" 
                    VerticalAlignment="Stretch"
                    DoubleTapped="legend_DoubleTapped">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Border CornerRadius="2" Width="10" Height="10" Margin="2 2 10 2" Background="{Binding Brush}"/>
                            <TextBlock Text="{Binding Text}" FontSize="14"/>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
            <TextBlock Text="Values expressed in US$ million" TextAlignment="Left" FontSize="18" Margin="4"/>
        </StackPanel>

    </Grid>    
</UserControl>
