上一篇讲了如何显示谷歌地图和必应中文地图,这篇写如何在Bing Map控件中显示百度地图的思路,具体详情各位有兴趣的话就自己去尝试吧。
思路之前请确信你已经明白了如下二篇文章:
思路:
去百度地图上获取到的图片url地址,大概是这样的:http://q5.baidu.com/it/u=x=1547;y=313;z=13;v=015;type=web&fm=44
咋一看,跟谷歌地图图片rul地址差不多,有x轴、y轴、z缩放级别。但是依样画葫芦替换进咱们自己写的MercatorMode的派生类,如下:
//百度道路地图 public class BaiduChinaRoadMode : MercatorMode { MapTileLayer layer = new MapTileLayer(); public override UIElement Content { get { return layer; } } public BaiduChinaRoadMode() { layer.TileSources.Add(new GoogleChinaRoadTileSource()); } //百度地图TitleSource private class BaiduChinaRoadTileSource : TileSource { public BaiduChinaRoadTileSource() : base("http://q{0}.baidu.com/it/u=x={1};y={2};z={3};v=015;type=web&fm=44“) { } public override System.Uri GetUri(int x, int y, int zoomLevel) { return new System.Uri(string.Format(UriFormat, new System.Random().Next() %8+1, x, y, zoomLevel)); } } }
此段代码用在BingMap的Mode属性上的话,ZoomLevel级别在1和2的情况下,会一片空白,因为百度地图TileSystem系统提供的ZoomLevel分为17级,范围为3-19。所以ZoomLevel级别在1和2的时候,无图片就不显示就一片空白。而且此时如何在查看北半球中国的地图的话,你会发现乱套了。如果把地图移到南半球的话,你会发现全部空白。
为什么?原因如下:
必应地图与谷歌地图的TileSystem的原点在墨卡托映射地球平面图里是国际日期变更线与北纬85.05度的交界点,Y轴向下。百度地图的TileSystem在本初子午线和赤道的交界点,Y轴向上,Y轴原点以下的值为前缀加M。微软BingMaps控件当然是以必应地图的原理而设计出来的。所以,微软BingMaps控件能简单地更改Uri地址就能显示谷歌地图,因为他们有相同的原点和X轴Y轴取向。
加载百度地图就需要根据当前缩放级别换算对应的X与Y值。自己去换算去吧,
注:必应地图TileSystem的ZoomLevel分为18级,范围为1-18。谷歌地图TileSystem的ZoomLevel分为19级,范围为1-19,但是第1级的图片在在网页版谷歌地图只能显示2-19级,但是它的TileSystem离有第1级的图片,所以咱们可以修改rul地址下载下来缩放级别为1的图片。
另注:微软BingMap控件能支持的ZoomLevel为21级,范围为1-21.。。如果咱们的在手机上一直缩放到了超过各个电子地图提供商的TileSystem的缩放级别的话,那就显示最大缩放级别的图片的放大图片,这时图片就会发虚。