大佬教程收集整理的这篇文章主要介绍了学习使用Bing Maps Silverlight Control(四):添加自定义瓦片图层,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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 @H_878_62@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) }; //初始化@L_438_11@mapTileLayer对象,用于将瓦片显示到界面 @H_317_72@mapTileLayer tileLayer = new @H_317_72@mapTileLayer(); //向图层添加Tilesource瓦片源 tileLayer.Tilesources.Add(tilesourcE); //将图层叠加在地图控件上 @H_878_62@map.Children.Add(tileLayer); //为了方便查看效果,将地图设为卫星地图模式并直接将视野定位到海南 @H_878_62@map.Mode = new Aerialmode(true); map.SetView(new LOCATIOn(19,110),7); }
运行后的效果:
这样就达到了自定义叠加图层的效果,如果只想显示自定义图层不显示其他内容,将地图控件的Mode设为MercatorMode即可:
@H_878_62@map.Mode = new @H_317_72@mercatorMode();
需要再次说明的是,这种方法需要Tile系统以quadkey来作为瓦片索引,@L_607_30@其他格式的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来加载不同地图服务的数据)
public @H_878_62@mainPage() { InitializeComponent(); //新建一个自定义瓦片图层的对象 @H_317_72@mapTileLayer customTileLayer = new @H_317_72@mapTileLayer(); //新建一个谷歌瓦片源类的对象 GoogleTilesource gTilesource = new GoogleTilesource(); //向瓦片图层添加瓦片源 customTileLayer.Tilesources.Add(gTilesourcE); //将瓦片图层添加到地图控件 @H_878_62@map.Children.Add(customTileLayer); //反正这次是全部叠加,就把下面的图层去掉 @H_878_62@map.Mode = new @H_317_72@mercatorMode(); }
以下是运行效果(特意把必应的logo打出来,这是必应地图控件。。。):
到此自定义添加瓦片图层就结束了,具体使用的时候请灵活运用。。。
(以上内容部分参考自:http://www.cnblogs.com/beniao/archive/2009/12/26/1632434.html,请访问原博客查看更多。)
以上是大佬教程为你收集整理的学习使用Bing Maps Silverlight Control(四):添加自定义瓦片图层全部内容,希望文章能够帮你解决学习使用Bing Maps Silverlight Control(四):添加自定义瓦片图层所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。