C#打造一个开源webgis（四）地图客户端（上）

地图客户端

地图客户端是用来显示地图和实现交互的，采用的技术和实现的方式多种多样，有Flash，Silverlight，Javascript等等，此外，别忘了桌面客户端也属于其范畴。

而具体基于这些技术的第三方插件有很多，开源的有如DeepEarth、SharpMap、Gmap.net、Greatmap、OpenLayer，如果细心的话，会发现提及的大多基于.net技术的，没错，个人偏向所致吧，对比过基于Deepzoom实现及Javascript实现的地图效果后，我倾向于Deepzoom（Silverlight版地图基本采用），当然，如果说考虑到用户体验（要安装浏览器插件），用Javascript或许会是更好的选择。若了解原理，展现方式不同，内在其实也大同小异的。简单描述下，仅作为参考：SharpMap对于桌面应用更有名些，我对它最后一次了解也是很久之前了，现在不知道变成怎样了，它集成了很多开源项目，包括GDAL、.net版的JTS（NJTS）等，但是个人对其渲染效果和性能不怎么满意。DeepEarth是比较有名的webClient，渲染效果不错，但功能不足，需要自己开发定制很多GIS常用功能。Gmap.net貌似比较强大，就是参考资料太少。OpenLayers是基于Javascript的……有兴趣的可以了解一下……最后来个笔锋一转，会不会觉得很坑？——我用的是arccgis
api for silverlight，原因很简单，功能强大，足够我使用……

搭建DEMO

先来看看搭建Demo的效果图：



silverlight实现



wpf实现

怎么实现的呢，步骤如下：

1、免费注册arcgis开发者，下载Arcgis api for silverlight的SDK（我顺便下载了Arcgis api for WPF的SDK），其实所谓的SDK，只要得到几个DLL就行了，只要别人有了，直接拷贝过来引用就可以了。注：若不喜欢，完全可以用DeepEarth来代替



2、建一个silverlight的项目，把DLL引用进去，然后创建一个类GoogleMapLayer.cs，内容如下，代码比较好理解，也不写注释了。特别留意一下GetTileUrl方法，采用的url是网上google瓦片服务地址，注释掉的第一行url是本地缓存离线瓦片地图，第二行url是第三节提到过的geoserver提供的wms服务，也就是说可以根据需求定制自己的地图层。

[csharp] view
plaincopy

public class GoogleRoadLayer : TiledMapServiceLayer  

   {  

       SpatialReference _spatialReference = new SpatialReference(102113);  

       public override void Initialize()  

       {  

           this.FullExtent = new Envelope(-20037508.342787, -20037508.342787, 20037508.342787, 20037508.342787)  

           {  

               SpatialReference = _spatialReference  

           };  

           this.SpatialReference = _spatialReference;  

           this.TileInfo = new TileInfo()  

           {  

               Height = 256,  

               Width = 256,  

               Origin = new MapPoint(-20037508.342787, 20037508.342787)//Origin = new ESRI.ArcGIS.Geometry.MapPoint(-180, 90)  

               {  

                   SpatialReference = _spatialReference  

               },  

               Lods = new Lod[20]  

           };  

  

           double resolution = 156543.033928;  

           for (int i = 0; i < TileInfo.Lods.Length; i++)  

           {  

               TileInfo.Lods[i] = new Lod() { Resolution = resolution };  

               resolution /= 2;  

           }  

           base.Initialize();  

       }  

  

       public override string GetTileUrl(int level, int row, int col)  

       {  

           //设置默认值   

           string url = string.Format("http://mt{0}.google.cn/vt/lyrs=m@163000000&hl=zh-CN&gl=cn&x={1}&s=&y={2}&z={3}&s=", row % 4, col, row, level);  

           //string url = string.Format("http://192.168.4.164:8083/{2}/{0}_{1}.png", col, row, level);  

           //string url = string.Format("http://localhost:10100/geoserver/cq/wms?service=WMS&version=1.1.0&request=GetMap&layers=cq:landview&styles=&bbox={0},{1},{2},{3}&width=512&height=473&srs=EPSG:4326&format=image/png";  

           return url;  

       }  

   }  

3、在MainPage.xaml（可以新建一个页面）的Grid标签，加入以下内容，至此一个拥有放大缩小、平移、滚轮支持的基本地图浏览程序就完成了

[csharp] view
plaincopy

<esri:Map x:Name="map" Background="White"  WrapAround="true" IsLogoVisible="False" >  

    <esri:Map.Layers>  

        <esri:LayerCollection>  

            <local:GoogleRoadLayer ID="TileLayer"/>  

        </esri:LayerCollection>  

    </esri:Map.Layers>  

</esri:Map>