在上一篇移动GIS控件Map Suite MVC使用教程中我们介绍了如何创建一个简单的世界地图，文中我们列出了详细的示例代码，实际上这些代码除了可以显示地图以外，还可以用来创建地图浏览的方法，下面就来看看详细的操作方法。

为地图创建浏览方法后，你可以通过拖拽平移地图，双击放大地图，按住Shift键同时用鼠标左键绘制一个矩形框来放大矩形框中的内容，或者使用鼠标滚轮放大和缩小地图。所有这些功能通过几行代码就可以实现，不信？那就往下看吧。

首先，我们将另一个Shapefile文件添加到示例中，这样，我们的地图中就有了两个图层：

1. 世界上每个国家的边界线("cntry02.shp")
2. 每个国家的首都("capital.shp")

然后按照如下代码修改视图页面的代码。你不需要对控制器作任何改动。

    @{Html.ThinkGeo().Map("Map1", 600, 500)
        .MapBackground(new BackgroundLayer(new GeoSolidBrush(GeoColor.FromHtml("#E5E3DF"))))
        .CurrentExtent(-131.22, 55.05, -54.03, 16.91)
        .MapUnit(GeographyUnit.DecimalDegree)
        .StaticOverlay(overlay =>
        {
            // World layer
            ShapeFileFeatureLayer worldLayer = new ShapeFileFeatureLayer(@"C:\Program Files (x86)\ThinkGeo\Map Suite Mvc Evaluation Edition 6.0\Samples\CSharp HowDoISamples Razor\App_Data\cntry02.shp");
            worldLayer.ZoomLevelSet.ZoomLevel01.DefaultAreaStyle = AreaStyles.Country1;
            worldLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel = ApplyUntilZoomLevel.Level20;
            overlay.Layer(worldLayer);
 
            // Capital layer
            ShapeFileFeatureLayer capitalLayer = new ShapeFileFeatureLayer(@"C:\Program Files (x86)\ThinkGeo\Map Suite Mvc Evaluation Edition 6.0\Samples\CSharp HowDoISamples Razor\App_Data\capital.shp");
            capitalLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle = PointStyles.Capital3;
            capitalLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel = ApplyUntilZoomLevel.Level20;
            overlay.Layer(capitalLayer);
 
        })
        .Render();
    }

修改完后，运行示例，效果如下图所示：

包含两个图层的欧洲地图