title: how to make WP7 maps to fill the entire viewing page?
body: <pre><code>    &lt;Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"&gt;
          &lt;Image Margin="0" Grid.RowSpan="2" Source="Images/map_bg.jpg" Stretch="Fill"/&gt;
          &lt;my:Map Height="649" HorizontalAlignment="Left" Name="map1" VerticalAlignment="Top" Width="451" LogoVisibility="Collapsed"  Margin="2,0,0,0" /&gt;
      &lt;/Grid&gt;
  </code></pre>
  
  <p>i tried to play abit with the Height and Width variables but that only changed the position of the map rather than stretching the entire maps.</p>
  
  <p>is it possible at all to make the map to 'fill' the entire  <code>&lt;Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"&gt;</code> property?<br>
  thanks!</p>
  
  <p>edit</p>
  
  <pre><code> &lt;Grid x:Name="LayoutRoot" Background="Transparent" Opacity="0.7"&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="Auto"/&gt;
              &lt;RowDefinition Height="*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          &lt;!--TitlePanel contains the name of the application and page title--&gt;
          &lt;StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"&gt;&lt;/StackPanel&gt;
  
          &lt;!--ContentPanel - place additional content here--&gt;
          &lt;Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"&gt;
              &lt;Image Margin="0" Grid.RowSpan="2" Source="Images/map_bg.jpg" Stretch="Fill"/&gt;
              &lt;my:Map Name="map1" VerticalAlignment="Top" Width="451" LogoVisibility="Collapsed"  CredentialsProvider="xxx" Margin="2,0,0,0" Height="645" /&gt;
          &lt;/Grid&gt;
      &lt;/Grid&gt;
  </code></pre>