深入理解最強桌面地圖控件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}";
        
    }