Edit your <C1:C1Maps/> tag so that it resembles the following. This will set the latitude values to the upper and lower state borders of the state of California. The longitude values are set so that they are slightly outside the state borders of California:

<C1:C1Maps x:Name="maps" MaxLatValue="44" MinLatValue="32" Center="-121.224,37.8897" MaxLongValue="-112" MinLongValue="-126" MinZoom="5"/>

In the sample above, the Center and MinZoomValue properties are also set.

• The Center property focuses the map on a particular city or area. In the sample above it's set to center on Stockton, CA.
• The MinZoom property sets the zoom on map load. It's set to 5 in the sample above, magnifying the map by a factor of 5.

The following code will set the map boundaries, the map's center, and the zoom level on load. Add this to the InitializeComponent() method:

maps.MaxLat = 44;
maps.MinLat = 32;
maps.MaxLong = -112;
maps.MinLong = -126;
maps.Center = new Point(-121.224, 37.8897);
maps.MinZoom = 5;

For reference, this is all the code used to create the following image. If you wish to copy the code, make sure that you replace YourProjectName in the namespace declaration with you project's namespace:

namespace YourProjectName
{
    public class City
    {
        public Point LongLat { get; set; }
        public string Name { get; set; }
    }   
   
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            maps.MaxLatValue = 44;
            maps.MinLatValue = 32;
            maps.MaxLongValue = -112;
            maps.MinLongValue = -126;
            maps.Center = new Point(-121.224, 37.8897);
            maps.MinZoom = 5;
            City[] cities = new City[]
       {
          new City(){LongLat= new Point(-121.22361, 37.88972), Name="Stockton"},
          new City(){LongLat= new Point(-117.1625, 32.7150), Name="San Diego"},
          new City(){LongLat= new Point(-124.2017, 41.7558), Name="Crescent City"},
       };
         maps.DataContext = cities;
      }
   }
}

You can set the minimum and maximum latitude and longitude values, the Center property, and the MinZoomValue property in the Properties window.

The properties used to create the following map image are highlighted in the Properties window image. To set these properties in your application, just click in the textbox next to the property and enter the appropriate numbers: