在VC/MFC中嵌入Google地图——图文并茂

原文链接： http://www.cnblogs.com/jpfss/p/7488706.html

近期须要实验室须要将在无人机地面站中嵌入地图，在网上找了非常多资料，最终有些眉目了，

首先。做这个须要用到的知识有。MFC控件、MFC类库、JavaScript脚本语言。Google API、Google离线地图；因为google离线地图不怎么会。首先从google在线地图開始。

以下总结一下这几天搞google地图的步骤。有附图，对MFC和JS脚本语言不懂的同学实用。

在线Google 地图步骤：

（1）、建立基于对话框的MFCproject。

因为我对MFC基本不了解，所以从网上下载了个样例。可是不知道样例中那一部分是涉及google地图的部分。这个时候我仅仅能一步步的从新建project開始。建立了一个基于对话框的MFCproject，project中自己主动生成了3个类，他们是(1)\classCThird_ProjApp:publicCWinApp\(2)\ classCForth_ProjDlg:publicCDialogEx\,(3)\ classCAboutDlg:publicCDialogEx

 \此3个类中我仅仅须要了解CForth_ProjDlg就能够了。由于我们接下来的操作对象是CForth_ProjDlg。

（2）、向project中加入web browser控件。

方法例如以下：工具----选择工具箱项------COM组件，microsoft browser前面的复选框勾选上。

（加入其它的active X控件也是相同的方法）。然后在界面中加入控件。调整web browser控件的大小使之能显示我们须要的google地图。如图所看到的，

（3）、为web browser控件加入变量m_map。

这样在project中就多了两个文件，当中包括classCExplorer1:publicCWnd类及事实上现。在CForth_ProjDlg类中多了一个 CExplorer1类型的 变量m_map。

（4）在对话框界面中加入几个button控件和文本框。同一时候加入处理函数。相应的文本框要加入value型的变量m_lat，m_long，m_Zoom_Level

（5）在打开地图的处理函数中增加Navigate函数，Navigate函数是web browser控件引入外部网页到MFC中的函数。

比如:

voidCForth_ProjDlg::OnBnClickedButton1_OpenMap()

{

  

   m_map.Navigate(_T("E:/googleMap/googleMap_Online_js/google.html"),NULL,NULL,NULL,NULL);

}

当中E:/googleMap/googleMap_Online_js/google.html是javascript语言写的脚本。到此位置。最主要的功能已经实现了，假设须要与google地图交互，请继续往下看。

javascript编写的google.html脚本例如以下所看到的:

（6）更改中心位置须要涉及到从MFC中向JS脚本文件里的函数传递參数的问题了，以下開始解说这一部分。

   此处介绍一种通过CWebPage类来解决此问题的方法：

   （a）、从网上下载CWebPage.h和CWebPage.cpp。将其增加project中。

   （b）、在对话框或者视图的实现文件里，增加#include "WebPage.h"，在button的响应函数中就能够调用javascript函数了。详细代码例如以下：

（c）在js文件里编写TansTo函数；以上脚本中有写，

（d）通过界面设置缩放级别。

前面讲过，加入三个文本框。给文本框加入value型变量。在传參数控件的处理函数中写入下面程序：

void CForth_ProjDlg::OnBnClickedButton2_ChangeCenter()

{

// TODO: 在此加入控件通知处理程序代码

UpdateData(TRUE);

CWebPage web;

web.SetDocument(m_map.get_Document());

CComVariant varResult;

const CString funcName("TansTo");

//const CString m_latitude("23.1650922");//传递的參数：纬度

//const CString m_longtitude("113.4752355");//经度

const CString m_latitude(m_lat);

const CString m_longtitude(m_long);

const CString m_lev(m_Zoom_Level);

web.CallJScript(funcName,m_latitude,m_longtitude,m_lev);

}

到此为止。我们在线的google地图已经做好了，在此过成中，遇到了几个问题：第一、从网上下载CWebPage.h和CWebPage.cpp在我的vs2010中打开有错误。说什么+号重载的不正确。第二、向js脚本中传递缩放等级的时候一直报错，这个问题困扰了一上午。最后我将变量做加法运算，发现结果是字符串运算的结果，所以在js中处理缩放等级的时候用了一个perseInt函数转换格式。为什么纬度和经度的不须要格式转换而缩放等级须要呢？这个我搞不明确。欢迎不吝赐教！

离线Google 地图步骤：

为了实现能在没有网络的情况下操作地图。须要Google地图离线化，离线地图我在网上找了非常多资料，可是大部分资料是不适合使用的，不适合的原因主要是js脚本和离线瓦片地图的路径格式不正确，找了非常多不适合用的资料，最后当我在搜索google地图api的某个函数的时候，搜到了一哥们的博客，博客中有js脚本，有怎么样下载瓦片地图。哥们博客地址为

http://cjnetwork.iteye.com/blog/1485328，将当中的js打开，地图就出来了，后来我下载了我们须要地方的瓦片地图。输入经纬度，立即就找到了相应的地址。

将js脚本稍作改动，就能够从MFC中向地图传递參数了，离线地图与在线地图相比，载入地图的速度更快了。

由于离线相应的js脚本不止一个，有非常多是不须要改动的。对外的一个js编写的html文件例如以下：

;

;

 <script type="text/javascript">
function Set_Zoom(level)//转到指定位置，有两个參数。纬度和经度
{
   // alert(level);//測试參数是否传递过来
    var level_01=parseInt(level,10);//类型转换。没有转换会出错
  //  map.panTo(new GLatLng(lat, lng));
     //map.setCenter(new GLatLng(lat, lng), level);//设置初始中心，缩放级别
     map.setZoom(level_01);
}
</script>

接下来我想记一下google API的相关东西，给出网页例如以下：

http://www.360doc.com/content/11/0201/23/2475285_90383000.shtml

总结，我将这段时间的google地图api的源码上传到了我的百度网盘：有须要的能够下载!

地址为：http://pan.baidu.com/s/1jGuUCq6

转载于:https://www.cnblogs.com/jpfss/p/7488706.html