在进行百度地图API开发之前你需要到http://developer.baidu.com/map申请密匙

密匙申请之后就可以进行百度地图API的开发了。

下面我们以在visual c++6.0里进行地图坐标标注为范例讲解百度地图API开发

1.新建一个工厂MFC工程取名为GeoDemo

2.选择为基于对话框的工程

3.创建成功如下

4.简单调整页面布局

5.在界面插入一个浏览器控件

6.插入之后的效果

7.先运行一下看看

8.接下来我们写一个简单的html页面,代码大概如下

其中也包括一个javascript函数,不会写的可参考http://developer.baidu.com/map/jsdemo.htm#a1_2

我们把这个html文件命名为geodemo.html并放置到工程目录下:

html源码为:

 <!DOCTYPE html>

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 <style type="text/css">

 body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

 #l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}

 #r-result{height:100%;width:20%;float:left;}

 </style>

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你自己申请的密匙"></script>

 <title>百度地图的Hello, World</title>

 </head>

 <body>

 <div id="allmap"></div>

 </body>

 </html>

 <script type="text/javascript">

 var map = new BMap.Map("allmap");

 map.centerAndZoom(new BMap.Point(104.071216,30.666031), 12);

 map.enableScrollWheelZoom();                            //启用滚轮放大缩小

 map.addControl(new BMap.NavigationControl());

 map.addControl(new BMap.OverviewMapControl());

 map.addControl(new BMap.ScaleControl());

 map.enableScrollWheelZoom();

 map.addControl(new BMap.MapTypeControl());

 var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

 function justmarkfun(JD,WD)

 {

     var marker1 = new BMap.Marker(new BMap.Point(JD,WD));  // 创建标注

     window.map.addOverlay(marker1);              // 将标注添加到地图中

 }

 </script>

当然里面的一些属性可参考百度地图API说明进行编写,我使用的是javascript 大众版本

大家可以根据自己的需要选择不同类型的API

这里我将地图的初始中心定位在成都,关于经纬度的查询可以到网站:http://api.map.baidu.com/lbsapi/getpoint/index.html

9.我们继续为对话框的浏览器控件关联一个控件变量为m_myweb

当然同时会提示添加CWebBroswer2类头文件和源文件

10.为显示该点添加响应

11.在CGeoDemoDlg的OnInitDialog()函数中添加如下代码:

注意,html文件要以url方式

12.导入CWebPage类,该类为C++提供了一种javascript接口

我们来看一个CWebPage一个简单的接口说明:

 bool CallJScript(const CString strFunc,const CString strArg1,const CString strArg2,CComVariant* pVarResult = NULL);

第一个参数代表要调用的js函数的函数名

第二个第三个参数代表要传入的参数,显然我们应该讲经度和纬度传入其中

最后一个是js调用的返回值

13.将webpage.h头文件包含到CGeoDemoDlg.cpp中同时在OnShow()添加如下代码:

这里m_JD和m_WD是与编辑框控件的两个CString类型变量,传入经度纬度值

这里参数的个数要与javascript函数justmakefun函数的个数相同,而且顺序

要保持一致

javascript代码如下:

 function justmarkfun(JD,WD)

 {

     var marker1 = new BMap.Marker(new BMap.Point(JD,WD));  // 创建标注

     window.map.addOverlay(marker1);              // 将标注添加到地图中

 }

要编写其他功能的js函数参考百度地图API相应的接口参考

14.现在我们在坐标拾取工具中找到川大的坐标104.089038,30.638195

输入到经纬度中并执行:

大功告成！

关于Demo源码联系我vpoet_sir@163.com

基于MFC与第三方类CWebPage的百度地图API开发范例的更多相关文章

  1. 深入浅出百度地图API开发系列（1）：前言

    百度地图API目前在地图API领域越来越受到众多开发者的关注,许多应用都使用到了百度地图API服务,包括博主me,我自己使用做的是Javascript API,根据经验,我想整理出一份系列教程,如果能 ...

  2. 深入浅出百度地图API开发系列（2）：创建地图

    上一篇文章里,先介绍了一下百度地图API开发所涉及到的一些基础概念,包括投影,坐标系等基础概念,再有了这些基础后,我们可以开始开发自己的web地图了.先来个代码示例(建议大家都是用百度地图API大众版 ...

  3. 百度地图API开发指南

    简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用.百度地图API包含了构建地图基本功能的各种接口,提供 ...

  4. 深入浅出百度地图API开发系列（3）：模块化设计

    在前面两张简单介绍了百度地图API的基础知识和使用之后,我们来分析一下百度地图API的基本架构,了解一下基本架构可以帮助我们更清晰的了解API的功能和调用过程,也就可以帮助我们在实际开发中可以更方便的 ...

  5. 百度地图API开发一——仿照现有测距效果实现测面功能

      最近做了一个百度地图API的开发项目,里面有测量距离和测量面积的功能需求.测量距离百度给出了封装好的javascript包——BMapLib.DistanceTool,效果如下: 这个效果体验很好 ...

  6. android 基于百度地图api开发定位以及获取详细地址

    一:百度地图开发必须要到百度开发平台android开发api下载相应的库,已经申请百度地图开发key. 二:新建项目baidumaplocation.设计main.xml文件这里注意的是MapView ...

  7. 百度地图API开发

    1.首先申请百度地图秘钥 http://lbsyun.baidu.com/ 2.需要填一个申请的界面 3.申请后会有类似的东西 4.之后参照以下网址进行MFC编译 mfc webbrowser控件使用 ...

  8. 百度地图API开发的快速使用和大量坐标点操作【点聚合，海量点，mapv】

    快速上手 注意:本篇文章代码是基于 百度地图 JavaScript API v3.0 的条件下编写,GL版本可能稍有变化. 地图嘛,很重要的一部分就是坐标经纬度了: 经度: 英文 longitude ...

  9. 百度地图API开发----手机地图做导航功能

    第一种方式:手机网页点击打开直接进百度地图APP <a href="baidumap://map/direction?mode=[transit:公交,driving:驾车]& ...

随机推荐

  1. Jquery autocomplete 插件示例

    通过Jquery autocomplete 插件动态传递输入参数完成自动完成提示: <%@ page language="java" import="java.ut ...

  2. mysql 中 LIMIT的简单用法

    mysql--语法: SELECT * FROM table LIMIT [offset,] rows | rows OFFSET offset --举例: select * from table l ...

  3. xsank的快餐 » Python simhash算法解决字符串相似问题

    xsank的快餐 » Python simhash算法解决字符串相似问题 Python simhash算法解决字符串相似问题

  4. paip.提升性能--- mysql 建立索引 删除索引 很慢的解决.

    paip.提升性能--- mysql 建立索引 删除索引 很慢的解决. 作者Attilax ,  EMAIL:1466519819@qq.com 来源:attilax的专栏 地址:http://blo ...

  5. Number of Parallelograms(求平行四边形个数)

    Number of Parallelograms time limit per test 4 seconds memory limit per test 256 megabytes input sta ...

  6. (HYSBZ)BZOJ 1588 营业额统计

    营业额统计 Time Limit: 5000MS   Memory Limit: 165888KB   64bit IO Format: %lld & %llu Description 营业额 ...

  7. Android应用程序进程启动过程的源代码分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址: http://blog.csdn.net/luoshengyang/article/details/6747696 Android 应用程序框架层创 ...

  8. [J2EE框架][Debug]

    注意xml头部问题 比如在xx-servlet中注意: <mvc:annotation-driven/> <context:component-scan base-package=& ...

  9. Android Path

    外置SDCard(TF卡) 1. SDCard的挂载路径(根据系统不同的ROM挂载的路径不同,以下列举几个是从旧系统到新系统的表现形式) /sdcard/external_sd /mnt/extSdC ...

  10. String类中几个简单的常用方法

    这里我们就把 info 这个字符串 通过 “ ” 这个分隔符 分割成几部分 并吧没部分添加到 s 数组里面 注意:只有字符串才能分割 分隔符必须是 char 类型 而且是 字符串 里面存在的, 例如我 ...