彩票走势图

移动GIS控件Map Suite MVC使用教程:GIS示例之地图浏览

原创|使用教程|编辑:郝浩|2013-04-28 14:57:27.000|阅读 318 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

在上一篇移动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();
    }

修改完后,运行示例,效果如下图所示:

移动GIS控件Map Suite MVC使用教程:GIS示例

包含两个图层的欧洲地图


标签:GIS

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP