深入理解最强桌面地图控件GMAP.NET 百度地图

前两篇介绍了GMAP.NET的一些基本功能和如何在自己的项目中使用。

深入理解最强桌面地图控件GMAP.NET --- 初识

深入理解最强桌面地图控件GMAP.NET --- 初用

另外，请支持下我们公司的产品，打个广告 www.ideayapai.com

GMAP.NET支持了Google, Bing, Ovi, Openstreetmap, Yahoo,GIS等多种地图，但国内的地图支持得比较少。

不过没有关系，我们可以为GMAP.NET添加百度地图的支持，只要了解了地图加载的原理，就很容易集成进来，

最重要的是，它是支持离线的，也就是说利用GMAP.NET，我们可以制作各种离线地图供我们桌面应用程序使用，

这也是我为什么称之为最强地图控件的原因。

如何在你的程序中使用GMAP.NET百度地图

整个代码已经提交到 http://ypmap.googlecode.com/ ，有兴趣的朋友可以Check out代码。

如果要使用的话，首先要参考文章：深入理解最强桌面地图控件GMAP.NET --- 初用,

并且将初始化代码改成下面的这样。

this.MainMap.Position = new PointLatLng(double.Parse(ConfigurationManager.AppSettings["defaultLat"]), 
                                                        double.Parse(ConfigurationManager.AppSettings["defaultLng"]));

                this.MainMap.MapProvider.Area = new RectLatLng(30.981178, 105.351914, 2.765142, 4.120995);
                this.MainMap.BoundsOfMap = new RectLatLng(30.981178, 105.351914,  2.765142, 4.120995);
                this.MainMap.Manager.Mode = AccessMode.CacheOnly;
                this.MainMap.MapProvider = GMapProviders.BaiduMapProvider;//或BaiduSateliteMapProvider
                this.MainMap.DragButton = MouseButton.Left;
                this.MainMap.Zoom = 13;
                this.MainMap.MinZoom = 8;
                this.MainMap.MaxZoom = 24;

GMAP.NET百度地图的效果

普通地图

卫星地图

 

百度地图加载原理

要理解GMAP.NET如何使用百度地图的，那么首先了解下百度地图的加载原理还是有一定的必要。

我们先用Chrome浏览器打开百度地图，定位到某个地方（例如，重庆），同时打开开发者工具，如下图所示：

再继续看，原来百度地图就是由这样一张一张的图片构成的，再看看其中一张图片的链接地址：

http://q5.baidu.com/it/u=x=1450;y=418;z=13;v=014;type=web&fm=44。这几个参数是什么意思呢，其中

q5应该是分布式服务器的地址，q3,q4也可以；

u,x,y应该是根据MercatorProjection算法得到的一个值，这个会在理论篇具体阐述；

z=13是代表当前的Zoom,v是版本号；

type表示通过浏览器访问,fm是个固定的值。

那么GMAP.NET也应该根据用户的鼠标位置和当前的缩放级别构造一个url去获取图片。

 

GMapProvider

GMAP.NET采取了良好的代码结构，缓存、数据结构都遵循了低耦合-高内聚的原则，每个模块之间的联系

也都是基于接口进行编程的。同样，地图数据源的接口MapProvider也遵循了这个原则。

GMapProvider是地图数据源的接口，当客户端在初始化调用this.MainMap.MapProvider = GMapProviders.BaiduMapProvider的时候，

就会根据不同地图的不同规则进行加载数据了，下面就以百度地图为例说明如何扩展一个地图数据源的接口。

1).BaiduMapProviderBase

增加抽象类BaiduMapProviderBase继承GMapProvider

BaiduMapProviderBase主要完成了三个事情

初始化了RefereUrl,Copyright等信息，只是在版权上有用；

返回一MercatorProjection的实例，谈到MercatorProjection，可以参考Google’s tile engine explain, 理论篇会作详细描述；

初始化Overlays.

虽然可能现在还不太懂，没有关系，我最开始写的时候也不太懂，但看到基本上所有的Provider都这样写，依样画葫芦就好了。唯一需要注意的是，这里取名叫XXXProviderBase,

并且是 abstract,原因就在于地图会有卫星和普通地图两种模式，所以肯定会有些公用方法。

    public abstract class BaiduMapProviderBase : GMapProvider
    {
        public BaiduMapProviderBase()
        {
            MaxZoom = null;
            RefererUrl = "http://map.baidu.com";
            Copyright = string.Format("©{0} Baidu Corporation, ©{0} NAVTEQ, ©{0} Image courtesy of NASA", DateTime.Today.Year);    
        }

        public override PureProjection Projection
        {
            get { return MercatorProjection.Instance; }
        }

        GMapProvider[] overlays;
        public override GMapProvider[] Overlays
        {
            get
            {
                if (overlays == null)
                {
                    overlays = new GMapProvider[] { this };
                }
                return overlays;
            }
        }
    }

2).BaiduMapProvider

增加BaiduMapProvider，继承于BaiduMapProviderBase，并实现GetTileImage方法。其中GetTileImage就是根据当前的鼠标信息pos和缩放比zoom获取图片。

GetTileImageUsingHttp(url)是根据url获取图片的。OK,现在就可以根据百度地图加载原理去构造url了。

具体代码如下：

 public class BaiduMapProvider : BaiduMapProviderBase
    {
        ....public override PureImage GetTileImage(GPoint pos, int zoom)
        {
            string url = MakeTileImageUrl(pos, zoom, LanguageStr);

            return GetTileImageUsingHttp(url);
        }

        string MakeTileImageUrl(GPoint pos, int zoom, string language)
        {
            zoom = zoom - 1;
            var offsetX = Math.Pow(2, zoom);
            var offsetY = offsetX - 1;

            var numX = pos.X - offsetX;
            var numY = -pos.Y + offsetY;

            zoom = zoom + 1;
            var num = (pos.X + pos.Y)%8 + 1;
            var x = numX.ToString().Replace("-", "M");
            var y = numY.ToString().Replace("-", "M");

            //http://q3.baidu.com/it/u=x=721;y=209;z=12;v=014;type=web&fm=44
            string url = string.Format(UrlFormat, num, x, y, zoom, "014", "web", "44");
            Console.WriteLine("url:" + url);
            return url;
        }

        static readonly string UrlFormat = "http://q{0}.baidu.com/it/u=x={1};y={2};z={3};v={4};type={5}&fm={6}";
        
    }