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服务，也就是说可以根据需求定制自己的地图层。

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标签，加入以下内容，至此一个拥有放大缩小、平移、滚轮支持的基本地图浏览程序就完成了

<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>