学习使用Bing Maps Silverlight Control（八）：自定义的Tile系统

10 自定义Tile系统

本篇将介绍如何建立自己的Tile系统，并在Bing Maps中使用。

这里的Tile数据是使用MapCruncher工具获得，具体使用请参看：http://www.cnblogs.com/xwgli/archive/2013/04/27/3046166.html

在获得Tile数据后，就可以开始了。因为自定义的Tile系统是使用的Bing Maps Tile System，所以抛开Tile系统的基础原理（有关Bing Maps Tile System 可参考：http://www.cnblogs.com/xwgli/archive/2013/04/12/3016345.html），需要做的就是一个可以根据请求返回相应Tile的处理页面。

1、添加文件。

这里就直接利用之前项目所在的Web应用程序进行开发。首先将生成好的Tile数据复制到网站目录下，这里就存在根目录\Layers\ChinaLayer中，以便以后可以添加更多Tile数据。然后新建一个一般处理程序：GetTile.ashx，用于处理对Tile的请求。完成后最终目录如下图：

蓝色选中的就是新添加的ChinaLayer和GetTile.ashx。

2、GetTile.ashx

1）定义请求的路径格式：

/// <summary>
/// 请求路径格式：http://{0}/GetTile.ashx?type={1}&format={2}&quadkey={3}
/// （0:服务器地址;1:地图类型[china];2:图片格式[png];3:请求瓦片的quadkey;）
/// </summary>
public class GetTile : IHttpHandler
{
}

通过向GetTile.ashx传递3个参数来确定请求的Tile。

2）在ProcessRequest中处理参数并返回结果：

public void ProcessRequest(HttpContext context)
{
    //获取请求参数
    string type = context.Request["type"];
    string format = context.Request["format"];

    //检查地图类型
    switch (type)
    {
        case "china":
            {
                //检查地图格式
                  if (format != "png")
                    goto default;

                //返回png格式的地图瓦片
                  context.Response.ContentType = "image/png";

                //获取地图瓦片参数
                  string quadkey, fileName;
                //检查参数的有效性
                  quadkey = context.Request["quadkey"];

                //拼接文件名
                  fileName = quadkey + ".png";

                //获取服务器路径
                  string ImgPath = context.Server.MapPath("~/Layers/ChinaLayer/" + fileName);

                //检查是否存在瓦片
                  if (File.Exists(ImgPath))
                {
                    //返回相应的瓦片数据
                    context.Response.WriteFile(ImgPath);
                    return;
                }

                //出错跳至default
                goto default;
            }
        default:
            //默认返回无图片
              context.Response.Clear();
            context.Response.Close();
            return;
    }
}

这只是一个简单的解决方案，只是为了实现功能，没有考虑其他内容，所以实际应用时请根据需要来具体的进行优化。

到此，自定义的Tile System就完成了，下面就是在Bing Maps控件中的使用。

3、创建TileSource

/// <summary>
/// 中国地图的Tile系统
/// </summary>
public class ChinaTileSource : LocationRectTileSource
{
    public ChinaTileSource()
    {
        string server = "localhost:58591";
        //设定瓦片源Tile系统的Uri格式，其中的{quadkey}就是每个瓦片quadkey的对应位置
         //这里使用的是刚刚自定义切片产生的地图的Tile系统
         UriFormat = string.Format("http://{0}/GetTile.ashx?type=china&format=png&quadkey={quadkey}", server);
    }
}

注：这里直接使用的开发服务器地址作为Tile系统的地址，实际使用时可根据实际需要灵活定制服务器地址。

（可参考：http://www.cnblogs.com/xwgli/archive/2013/04/27/3046927.html，使用参数动态定制服务器地址。）

4、使用TileSource

使用的时候既可以自定义一个MapMode出来专门使用，也可以直接在其它MapMode上进行图层的叠加，这里就直接新建一个MapMode来承载这个TileSource：

/// <summary>
/// 中国地图模式2
/// </summary>
public class ChinaMode2 : CustomModeBase
{
    public ChinaMode2()
    {
        //初始化中国地图瓦片源
         ChinaTileSource TileSource = new ChinaTileSource();

        //向瓦片图层添加瓦片源
         base.TileLayer.TileSources.Add(TileSource);

        //向地图添加限制范围
         base.LatitudeRange = new Range<double>(0, 50);
        base.LongitudeRange = new Range<double>(70, 140);
        base.MapZoomRange = new Range<double>(1, 5);
    }
}

然后在工具栏上添加一个该模式按钮：

ChangeMapModeButton btnChina2 = new ChangeMapModeButton(new ChinaMode2(), "中国地图2", "中国地图2模式");
navBar.HorizontalPanel.Children.Add(btnChina2);

最终效果：