在上一篇移動(dòng)GIS控件Map Suite MVC使用教程中我們介紹了如何創(chuàng)建一個(gè)簡單的世界地圖，文中我們列出了詳細(xì)的示例代碼，實(shí)際上這些代碼除了可以顯示地圖以外，還可以用來創(chuàng)建地圖瀏覽的方法，下面就來看看詳細(xì)的操作方法。

為地圖創(chuàng)建瀏覽方法后，你可以通過拖拽平移地圖，雙擊放大地圖，按住Shift鍵同時(shí)用鼠標(biāo)左鍵繪制一個(gè)矩形框來放大矩形框中的內(nèi)容，或者使用鼠標(biāo)滾輪放大和縮小地圖。所有這些功能通過幾行代碼就可以實(shí)現(xiàn)，不信？那就往下看吧。

首先，我們將另一個(gè)Shapefile文件添加到示例中，這樣，我們的地圖中就有了兩個(gè)圖層：

1. 世界上每個(gè)國家的邊界線("cntry02.shp")
2. 每個(gè)國家的首都("capital.shp")

然后按照如下代碼修改視圖頁面的代碼。你不需要對控制器作任何改動(dòng)。

    @{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();
    }

修改完后，運(yùn)行示例，效果如下圖所示：

包含兩個(gè)圖層的歐洲地圖