MFC中嵌入google地图笔记.docx

最近需要实验室需要将在无人机地面站中嵌入地图，在网上找了很多资料，终于有些眉目了，首先，做这个需要用到的知识有，MFC控件、MFC类库、JavaScript脚本语言，Google API、Google离线地图；由于google离线地图不怎么会，首先从google在线地图开始。下面总结一下这几天搞google地图的步骤，在线Google 地图步骤：（1）、建立基于对话框的MFC工程。由于我对MFC基本不了解，所以从网上下载了个例子，但是不知道例子中那一部分是涉及google地图的部分，这个时候我只能一步步的从新建工程开始，建立了一个基于对话框的MFC工程，工程中自动生成了3个类，他们是(1)\class CThird_ProjApp : public CWinApp\(2)\ class CForth_ProjDlg : public CDialogEx\,(3)\ class CAboutDlg : public CDialogEx \此3个类中我只需要了解CForth_ProjDlg就可以了，因为我们接下来的操作对象是CForth_ProjDlg。（2）、向工程中添加web browser控件，方法如下：工具选择工具箱项COM组件，microsoft browser前面的复选框勾选上。（添加其他的active X控件也是同样的方法），然后在界面中添加控件。调整web browser控件的大小使之能显示我们需要的google地图。如图所示，（3）、为web browser控件添加变量m_map。这样在工程中就多了两个文件，其中包含class CExplorer1 : public CWnd类及其实现。在CForth_ProjDlg类中多了一个 CExplorer1类型的 变量m_map。（4）在对话框界面中添加几个按钮控件和文本框。同时添加处理函数。对应的文本框要添加value型的变量m_lat，m_long，m_Zoom_Level（5）在打开地图的处理函数中加入程序。例如:void CForth_ProjDlg::OnBnClickedButton1_OpenMap(){m_map.Navigate(_T(E:/test/google.html),NULL,NULL,NULL,NULL);}其中E:/test/google.html是javascript语言写的脚本。到此位置，最基本的功能已经实现了，如果需要与google地图交互，请继续往下看。脚本如下所示:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=/1999/xhtml xmlns:v=urn:schemas-microsoft-com:vml head meta http-equiv=content-type content=text/html; charset=utf-8/ titleGoogle 地图 JavaScript API 示例: 地图标记/title script src=/maps?file=apiamp;v=2amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBAhl=zh-CN type=text/javascript/script script type=text/javascript function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById(map_canvas)); map.setCenter(new GLatLng(23.1650922, 113.4752355), 4); //map.addControl(new GLargeMapControl());//大的缩放条 map.addControl(new GSmallMapControl());//小的缩放条 map.addControl(new GMapTypeControl(true)); // map.addControl(new GMapTypeControl()); // 在随机位置向地图中添加 10 个标记 var bounds = map.getBounds(); var southWest = bounds.getSouthWest(); var northEast = bounds.getNorthEast(); var lngSpan = nort