(转)深入理解最强桌面地图控件GMAP.NET --- 百度地图
原文地址:http://www.cnblogs.com/enjoyeclipse/archive/2013/01/14/2859026.html
前两篇介绍了GMAP.NET的一些基本功能和如何在自己的项目中使用。
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}"; }
(转)深入理解最强桌面地图控件GMAP.NET --- 百度地图的更多相关文章
- 深入理解最强桌面地图控件GMAP.NET ---离线地图
enjoyeclipse 深入理解最强桌面地图控件GMAP.NET ---离线地图 这章会介绍GMAP.NET的核心功能之一:离线地图.这个功能可以满足很多政府项目.保密项目.或者由于种种原因不能上网 ...
- 深入理解最强桌面地图控件GMAP.NET --- 街景地图(StreetView)
原文:深入理解最强桌面地图控件GMAP.NET --- 街景地图(StreetView) 很久没有更新博客了,今天无事把GMAP.NET的代码又重新翻了翻,看到了街景地图的例子. 街景地图是谷歌最早提 ...
- 深入理解最强桌面地图控件GMAP.NET ---[更新]百度地图
之前写了篇博文,深入理解最强桌面地图控件GMAP.NET --- 百度地图 但是很多回复说百度地图更新了,不能显示百度的离线地图.之前承诺说是国庆节更新,最近才更新.代码已经提交到: https:// ...
- 如何添加地图控件到Windows Phone 8的页面中
原文 如何添加地图控件到Windows Phone 8的页面中 本主题介绍了各种方法来添加一个地图控件到Windows Phone 8的项目.该地图控件在Windows Phone的SDK 8.0的库 ...
- OpenLayers 3 之 地图控件(control)
OpenLayers 3 之 地图控件(control) 地图控件(control)是指地图上比例尺,缩略图,拉近拉远的按钮,滚动控制条等控件,默认控件有三个,可以禁用. OpenLayers 3 之 ...
- Google地图接口API之地图控件集(五)
1.默认控件集 当使用一个标准的google地图,它的控件默认设置如下: (1). Zoom-显示一个滑动条来控制map的Zoom级别,如下所示:
- Corelocation及地图控件学习笔记
Corelocation基本使用 在地图章节的学习中,首先要学的便是用户位置定位,因此我们首先要掌握Corelocation的使用.(在IOS8以前可以系统会直接请求授权,现在需要我们自己调用方式通知 ...
- 使用XAML在WPF项目中承载ArcGIS Engine地图控件开发
原文 http://blog.csdn.net/flexmapserver/article/details/5868882 用Windows Form进行ArcGIS Engine二次开发时常见的形式 ...
- 【高德地图API】从零开始学高德JS API(二)地图控件与插件——测距、圆形编辑器、鼠标工具、地图类型切换、鹰眼鱼骨
原文:[高德地图API]从零开始学高德JS API(二)地图控件与插件——测距.圆形编辑器.鼠标工具.地图类型切换.鹰眼鱼骨 摘要:无论是控件还是插件,都是在一级API接口的基础上,进行二次开发,封装 ...
随机推荐
- 【BZOJ】2006: [NOI2010]超级钢琴(前缀和+RMQ+堆)
题目 传送门:QWQ 分析 又不会做....... 显然很好想到前缀和处理一下. 然后考虑最大化结果,直接上st表. 问题来了,然后呢? 怎么做$ length \in [l,r] $ 呢? 正解是 ...
- nginx的408错误
client_header_timeout:Http核心模块指令,指令指定读取客户端请求头标题的超时时间.这里的超时是指一个请求头没有进入读取步骤,如果连接超过这个时间而客户端没有任何响应,Nginx ...
- 原生JS模拟jQuery $
模拟jQuery的$选择器 在获取元素的时候使用ID选择器,返回的是一个对象:使用类选择器或者标签选择器返回可能是一组元素:将获取到的一个或一组元素进行一个简易的封装封装成一个TQObject 什么是 ...
- node启动appium.js
node启动appium.js,appium.js目录中不能有空格或者(x86)等字样
- RHCE7 学习里程-4用户权限,简单进程管理
#创建用户 useradd abc 使用 vipw 命令查看 /etc/passwd 文件下 是否存在新用户 #G却换到最后一行 #创建账号的时候,默认也新建了一个组,组名跟用户名一样 groupad ...
- 聊聊flutter的UI布局
UI布局多半是套路,熟悉套路的规则. Flutter的UI布局也有一套规则 center center可以让任何元素在屏幕中居中,既是水平居中又是垂直居中,如果想让元素从上而下排列要怎么办呢?那就得使 ...
- WCF配置多个终节点
配置多个终节点的意义(自己理解):一个服务可以有多个终节点,网上也经常有人说终节点才是服务的真正的接口,的确如此,当我们为一个服务配置多个终节点时,就表明这个服务可以被以不同的方式访问(不同的绑定等等 ...
- JAVA中的数组对象
代码:Student [] sd=new Student[5];//新建一个学生类的数组对象sd. sd[0]=new Student("kj",13);//为数组对 ...
- 高性能Web服务器Nginx的配置与部署研究(15)Upstream负载均衡模块
Nginx 的 HttpUpstreamModule 提供对后端(backend)服务器的简单负载均衡.一个最简单的 upstream 写法如下: server backend1.example.co ...
- 五分钟带你入门TensorFlow
TensorFlow是Google开源的一款人工智能学习系统.为什么叫这个名字呢?Tensor的意思是张量,代表N维数组:Flow的意思是流,代表基于数据流图的计算.把N维数字从流图的一端流动到另一端 ...

