基于DeepZoom技术的Bing Maps客户端实现研究

基于DeepZoom技术的Bing Maps客户端实现研究2012-07-02 博客园 Beniao目前基于Silverlight技术的Web GIS客户端实现，包括微软Bing Maps Silverlight Control，以及开源的Web GIS客户端组件DeepEarth 项目，核心都是采用Silverlight中的DeepZoom技术实现。可能您已经知道 DeepZoom技术以MultiScaleImage控件为核心，其内部有一个 MultiScaleTileSource类型的源属性，主要用于设置 MultiScaleImage控件所要呈现的数据源，可以通过学习Deep Zoom Composer快速上手。

通过Deep Zoom Composer创建基于图片的Silverlight项目，可以生成一个基于MultiScaleImage控件的图片查看应用，完全实现了图片的平铺，以及平滑、缩放以及拖拽等功能特性。实际上基于Silverlight的Web GIS客户端实现也是通MultiScaleImage控件来实现，核心就在于通过MultiScaleTileSource属性针对不同的Web GIS地图瓦片数据（Image Tiles）提供商为MultiScaleImage控件实现一个数据源。

对于微软的Bing Maps，则需要通过了解Bing Maps Tile System，然后针对其图片映射系统发布出的地图服务编写 MultiScaleImage控件的数据源实现就行了。在实现前还需要借助HTTP嗅探器工具抓获到Bing Maps的Tiles路径，如下路径格式：

街道地图：http://r{0}.ortho.tiles.virtualearth.net/tiles/r{1}.png？g=203

卫星地图：http://h{0}.ortho.tiles.virtualearth.net/tiles/h{1}.jpeg？g=203

有了上面的Bing Maps的Tiles路径，接下来就可以基于这两个路径为MultiScaleImage控件编写数据源的实现（既 MultiScaleTileSource）了，如下代码块：

public abstract class BingMapsTileSource : MultiScaleTileSource
{
     protected BingMapsTileSource（）
         : base（int.MaxValue, int.MaxValue, 0x100, 0x100, 0）
     { }
}

通过上面代码块的TileSource的编程模板可以看出，BingMapsTileSource继承与DeepZoom的核心类 MultiScaleTileSource，其加载图片数据的算法由MultiScaleTileSource的实例方法GetTileLayers（）完成。因此要想实现按照自己的前面获取到的Bing Maps的Tiles路径去获取Bing Maps的地图数据，就应该重写该方法的实现，让其更改加载数据的方式。

/// <summary>
/// 图层Tile算法
/// </summary>
/// <param name="tileLevel">缩放级别</param>
/// <param name="tilePositionX">X坐标</param>
/// <param name="tilePositionY">Y坐标</param>
/// <param name="tileImageLayerSources">图层源集合</param>
protected override void GetTileLayers（int tileLevel, int tilePositionX, int tilePositionY, IList<object>  tileImageLayerSources）
{
     int zoom = tileLevel - 8;
     if （zoom > 0）
     {
         string QuadKey = TileXYToQuadKey（tilePositionX, tilePositionY, zoom）;
         string veLink = string.Format（UriFormat,new object[] { QuadKey[QuadKey.Length - 1], QuadKey  }）;
         var veUri = new Uri（veLink）;
         tileImageLayerSources.Add（veUri）;
     }
}