百度地图外公开API入门指南 附可搜索并查询经纬度案例

作者：Cody · 日期：2010-04-24 17:01:07 评论 »

百度地图API

上个月已经获悉百度地图将会公开API，昨天百度已经正式对外开放了。看来百度虽然动作较慢，但是其众多的国内忠实拥趸，用户群之大不可忽视。

百度地图API官方网站：http://openapi.baidu.com/map/

地图二次开发人员可以通过以上网站获得开发指南，和各个API函数的介绍文档。百度地图API支持市面上常见浏览器和操作系统。

入门非常简单，全中文的技术文档，只需了解JavaScript，或者有一定的基础即可入手。

百度地图相对其他开放API的地图来说速度较快，由于当前能提供的功能还不太丰富，所以看起来并没有太繁杂。不过想在在百度地图上寻找出地理位置的经纬度还是非常的困难，而且从Google地图获得的经纬度，并不能顺利在百度地图使用，需要将经纬度调转过来方可。

简单使用步骤：

1.需要先申请一个百度地图API的Key（密钥） 。非常简单，只需要输入需要使用百度地图的网址即可。

申请地址为:http://openapi.baidu.com/map/signup.html

如果遗忘了申请的Key，可以重新在 以上网址重新申请一次，Key不会变。

2.本地新建HTML页面，在<head></head>之间加载百度API

<script type=”text/javascript” src=”http://api.map.baidu.com/api?key=3690f5facff0a96fc7ff291c20f532e0&v=1.0&services=true” ></script>

3.创建一个显示对象（DIV）

<div style=”width:600px;height:450px;border:1px solid gray; float:left” id=”MblogMap”></div>

4.创建地图实例，在在<head></head>之间

<script type=”text/javascript”>
function MblogDotccMap(){
var map = new BMap.Map(“MblogMap”);          // 创建地图实例
var point = new BMap.Point(113.331213, 23.143274);  // 创建点坐标
map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别
}
</script>

我这里使用一个初始化函数MblogDotccMap()来调用，比百度地图官方指南中将以上代码放在HTML代码末端的好，我这样处理会更加灵活和方便，这是我参考了Google地图API的方式。

5.在<body>中加入函数调用，使得页面加载完之后即可调用地图接口

<body onload=”MblogDotccMap();”>

6.保存，并打开即可测试。在本地测试是无需验证API Key的。本地测试通过后，即可上传到你的网站之中去，记得是申请Key的域名所在网站，并以此域名来访问。

最后附上一个比较有趣的应用，可以使用关键词来查询地名，并且可以查询出所在地址的经纬度。不过由于时间有限，目前只能通过拖拉你需要查询经纬地址到地图中心。

演示地址：http://mblog.cc/demo/baidumap/

相关源码，可通过浏览器查看页面源码的方法获得。所有的是由百度地图简单的API构成，并且加入我的一些JavaScript编写习惯。

另外， 根据经过相关法规，所有民用地图都是与实际地图有一定的偏差，Google中提供偏差消除的方法，但是在百度地图中未曾发现。

如大家对百度地图API或者Google 地图API感兴趣，我们都可以进行交流交流，在此留言即可。

Update：
由于每日百度消息中都收到无数的咨询，但由于本人精力有限，请大家加入群内，互相学习，共同提高！

请加百度地图API共同学习群，群号码： 29699658

添加请输入验证：百度地图
没有绝对的高手，也没有绝对的菜鸟！

以上原创内容，版权归M博客 Mblog.cc 所 有，如需转载请注明出处并来电邮告知

分享家:Addthis中国

分类： Baidu, 产品体验, 代码如诗

标签：

您可以通过 RSS 2.0 订阅本文。 您可以 进行评论 ， 或者 在您的网站中 引用。

Advertisement
宇科网络加速器VPN 每￥月9.99元

28 条评论

评论
  1. andy 说：
    2010年04月26日 于 09:41

    不会用。。。

    回复
  2. wanjie 说：
    2010年04月27日 于 14:04

    哈哈，今天才知道关于地图偏差是有规定的

    回复
  3. reizhi 说：
    2010年04月27日 于 18:20

    围观一下，用不到

    回复
  4. kissly 说：
    2010年04月29日 于 17:15

    本机测试的话，key怎么处理？本地测试怎么也通不过。，奇怪了

    回复
  5. HuaYao 说：
    2010年05月4日 于 03:38

    你好，如果要搞一个起点到终点的路线搜索要怎么弄？~

    回复
  6. joyla 说：
    2010年05月4日 于 09:03

    看起来有那么点复杂哦！

    回复
  7. hiro 说：
    2010年05月10日 于 09:46

    规划:.org与.me域名的内容定位 http://www.ihiro.org/the-contents-of-org-and-me

    摄影:5月3日，外滩美丽夜景 http://www.ihiro.me/may-3-the-beautiful-night-view-of-waitan

    我的博客分家了，呵呵！

    回复
  8. 山东技师学院 说：
    2010年05月11日 于 23:14

    在这夜深无人的时候，我悄悄的潜入贵博客中，找寻一些对自己有用的东西，哈哈。

    回复
  9. 上海搬场服务请求帮助 说：
    2010年05月18日 于 11:39

    我的key是8af4437385b42305877e29f40e981a2e

    我的services置为false参数是

    我的services置为true参数是

    请求帮助
    谢谢！！！

    回复
  10. SEM推广 说：
    2010年05月18日 于 19:42

    嗯··还不错·！网站模板不错··

    回复
  11. 维维 说：
    2010年05月27日 于 13:39

    google地图做了个网站，最近看到出了百度地图，也想支持下

    回复
  12. 维维 说：
    2010年05月27日 于 13:43

    兄弟研究的挺早的么，给我的地图提点意见吧，网站：图方便

    回复
    • Cody 说：
      2010年05月27日 于 13:49

      做得很不错啊。不过你的站点为什么都没有CSS的，裸跑？而且你都是做静态页面的，是生成的还是手工加的？

      回复
  13. bjllhy 说：
    2010年06月6日 于 01:05

    我的网站怎么弄呀http://www.bjllhy.com我可是一点都不懂，第一步怎么进入呀！

    回复
  14. DynastySea 说：
    2010年06月6日 于 16:18

    有没有具体的实例?

    回复
  15. 向辉 说：
    2010年06月8日 于 12:30

    我申请了KEY 但接下来就不知道怎么弄了！能帮助一下吗？

    回复
  16. 白裤衩 说：
    2010年06月12日 于 10:50

    怎么看都觉得百度的API没有谷歌好，毕竟有因素

    回复
  17. 白裤衩 说：
    2010年06月12日 于 10:51

    怎么看都觉得百度的API没有谷歌好，毕竟有因素.

    回复
  18. 余颖 说：
    2010年08月12日 于 20:26

    你的这个东西现在出错了，你在ie里面搜索一个地方是不是会出现什么不存在的提示，左下角变为黄色的错误提示

    回复
  19. 鱼朝洋利水站 说：
    2010年09月3日 于 10:22

    能否给我做个。我实在不懂。谢谢

    回复

评论