学习使用Bing Maps Silverlight Control（四）：添加自定义瓦片图层

概述5 自定义瓦片源 1、使用LocationRectTileSource自定义加载使用quadkey的瓦片源 就以必应在线地图为例，在控件中加载海南附近的必应地图（简体中文）。 首先，分析必应地图的Tile系统的Uri，这里就简单的使用Internet Explore自带的开发人员工具做示例： 通过分析（怎么分析的……）可以看出，必应地图（简体中文）的Tile系统Uri的格式大概是： http://

5 自定义瓦片源

1、使用LocationRectTileSource自定义加载使用quadkey的瓦片源

就以必应在线地图为例，在控件中加载海南附近的必应地图（简体中文）。

首先，分析必应地图的Tile系统的Uri，这里就简单的使用Internet Explore自带的开发人员工具做示例：

通过分析（怎么分析的……）可以看出，必应地图（简体中文）的Tile系统Uri的格式大概是：

http://r0.tiles.ditu.live.com/tiles/r{quadkey}.png?g=99&mkt=zh-cn

前面http://后面的r几应该是指不同的服务器，关键在后面的{quadkey}部分，这里就是每个瓦片的quadkey，通过quadkey来拿到每个瓦片的内容。（关于quadkey和瓦片相关内容可以看看：http://www.cnblogs.com/xwgli/archive/2013/04/12/3016345.html）

然后就可以通过以下代码来达到加载瓦片图层的效果：

public MainPage(){    InitializeComponent();    //初始化一个LocationRectTileSource瓦片源对象，用于获取瓦片内容    LocationRectTileSource tileSource = new LocationRectTileSource    {        //设定瓦片源的显示范围，由东西南北四个边界经纬度限制        //这里限制的是海南省附近范围        BoundingRectangle = new LocationRect() { East = 112,West = 107,South = 17,north = 20 },//设定瓦片源Tile系统的Uri格式，其中的{quadkey}就是每个瓦片quadkey的对应位置        //这里使用的是必应地图（简体中文）的Tile系统        UriFormat = "http://r0.tiles.ditu.live.com/tiles/r{quadkey}.png?g=99&mkt=zh-cn",//设定瓦片源的可用级别        //注：小于该范围的不予显示，大于该范围的则显示范围中最大的一级图像并进行放大        Zoomrange = new Range<double>(7,19)    };    //初始化一个MapTileLayer对象，用于将瓦片显示到界面    MapTileLayer tileLayer = new MapTileLayer();    //向图层添加TileSource瓦片源    tileLayer.TileSources.Add(tileSource);    //将图层叠加在地图控件上    map.Children.Add(tileLayer);    //为了方便查看效果，将地图设为卫星地图模式并直接将视野定位到海南    map.Mode = new AerialMode(true);    map.SetVIEw(new Location(19,110),7);}

运行后的效果：

这样就达到了自定义叠加图层的效果，如果只想显示自定义图层不显示其他内容，将地图控件的Mode设为MercatorMode即可：

map.Mode = new MercatorMode();

需要再次说明的是，这种方法需要Tile系统以quadkey来作为瓦片索引，不支持其他格式的Tile系统。貌似就微软在使用这种Tile系统哈。。。不过微软官方并不推荐这么加载地图，因为Tile系统的Uri很可能会发生变化，不过用的时候也随时跟着变就好了….就是得随时看着。

还有一个用途就是可以把必应地图的数据下载下来离线使用，可以很方便的使用这种方法来加载地图。

另外有一个切割地图瓦片用的辅助工具MapCruncher可以将自己的图片转换成为必应的Tile系统格式的，转换完后也可以利用这种方法进行方便的加载。（工具的简单用法稍后写出来，先附上官网链接：http://research.microsoft.com/en-us/um/redmond/projects/mapcruncher/）

2、加载其他的地图数据

可以通过继承TileSource并重写相关方法来加载其他非必应地图Tile系统的地图数据，例如谷歌等。。。

首先，还是去分析谷歌地图的Tile系统的Uri：

又通过分析（怎么分析的。。。），就得到了谷歌地图Tile系统的Uri：

http://mt0.google.cn/vt/lyrs=s@127&hl=zh-CN&gl=CN&src=app&x={0}&y={1}&z={2}&s=Galil

谷歌地图Tile系统的Uri貌似比较复杂，这里就不细研究了，拿来暂时能用就行，具体的使用再具体研究。。。

这里主要关注的是：x、y、z，这三个分别是坐标和缩放。

这样就可以通过继承TileSource重写一个GoogleTileSource类出来：

public class GoogleTileSource : TileSource{    public GoogleTileSource()    {        //谷歌地图Tile系统的Uri，谷歌的Tile貌似比较复杂，这里就简单先选一个看看效果        UriFormat = "http://mt0.Google.cn/vt/lyrs=s@127&hl=zh-CN&gl=CN&src=app&x={0}&y={1}&z={2}&s=galil";    }    public overrIDe Uri GetUri(int x,int y,int zoomLevel)    {        //格式化自定义的Tile系统的Uri，通过x、y和缩放级别获取瓦片的Uri        return new Uri(string.Format(this.UriFormat,x,y,zoomLevel));    }}

这里主要在初始化时设置谷歌地图Tile系统的Uri，以及重写GetUri方法。（上面的局部加载应该也可以利用这种方法通过重写LocationRectTileSource来加载不同地图服务的数据）

然后就可以使用这个新的TileSource了：

public MainPage(){    InitializeComponent();    //新建一个自定义瓦片图层的对象    MapTileLayer customTileLayer = new MapTileLayer();    //新建一个谷歌瓦片源类的对象    GoogleTileSource gTileSource = new GoogleTileSource();    //向瓦片图层添加瓦片源    customTileLayer.TileSources.Add(gTileSource);    //将瓦片图层添加到地图控件    map.Children.Add(customTileLayer);    //反正这次是全部叠加，就把下面的图层去掉    map.Mode = new MercatorMode();}

以下是运行效果（特意把必应的logo打出来，这是必应地图控件。。。）：

到此自定义添加瓦片图层就结束了，具体使用的时候请灵活运用。。。

（以上内容部分参考自：http://www.cnblogs.com/beniao/archive/2009/12/26/1632434.html，请访问原博客查看更多。）

总结

以上是内存溢出为你收集整理的学习使用Bing Maps Silverlight Control（四）：添加自定义瓦片图层全部内容，希望文章能够帮你解决学习使用Bing Maps Silverlight Control（四）：添加自定义瓦片图层所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。