首页 > 博主私藏分享 > 利用百度地图API,给你的博客加上在线地图

利用百度地图API,给你的博客加上在线地图

2011年1月19日 发表评论阅读评论
百度地图API Logo

百度地图API Logo

百度地图API介绍 ,百度地图API简介

百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。百度地图API不仅包含构建地图的基本接口,还提供了诸如本地搜索、路线规划等数据服务,你可以根据自己的需要进行选择。地图API的服务是免费的,任何非盈利性网站均可使用。请参阅百度地图API使用条款获得详细信息。

地图API 使用条款里有一条加粗内容:网站所提供给用户的服务必须是免费的服务。如果您打算销售或进行收费分发,不管是直接或者间接获得收益,需要同百度地图另行达成协议或获得百度地图的书面许可。不得言博客不涉及商业收益,因此可以无所顾忌。

百度地图API注册及地图制作

第一步 百度地图API密钥注册

百度地图API使您能够将百度地图嵌入自己的网页中。一个地图 API 密钥只对一个“目录”或域有效。您必须有百度帐户才能获得地图API密钥,并且API密钥会与您的百度帐户关联。

百度地图API可实现功能丰富、交互性强的地图应用程序

百度地图API可实现功能丰富、交互性强的地图应用程序

不得言用不得言博客域名申请了密钥;如果仅需要展现地图,不需要使用API提供的数据服务,可以直接调用下面JS代码:

<script type="text/javascript" src="http://api.map.baidu.com/api?key=67101c04114dca29743e2e6535d5ab89&v=1.1&services=false" ></script>

当您需要API提供数据服务时,请将services参数置为true。如下:

<script type="text/javascript" src="http://api.map.baidu.com/api?key=67101c04114dca29743e2e6535d5ab89&v=1.1&services=true" ></script>

第二步 百度地图API中级应用

如果不熟悉百度地图API 应用,可以参考开发指南。实际上我们并不需要这么做,直接打开百度地图API 所见即所得工具,输入您注册的百度地图API密钥。功能分为三部分:1、定位中心点;2、设置地图;3、添加标注。具体操作就不再多说,简单的很。

不得言博客的百度地图API应用

不得言博客的百度地图API应用

第三步 百度地图API代码应用

设置完上面三个内容,就可以复制代码,保存为HTML文件,上传到服务器使用了。可以在网站上显示百度地图图片;也可以进行地点搜索、路线查询和交通流量显示等操作。

第四步 百度地图API密钥的机制

在您申请密钥的时候,需要输入一个唯一的网址(域名或IP地址)。利用地图API 制作完成的地图,只能运行在该网址上。密钥在这里经过验证后,您制作的地图才会正确地显示在网站上。请注意,只有域名或IP与申请密钥时使用的域名或IP相同时,密钥才能验证通过。这样做的目的,是为了保护广大用户的利益,避免不法分子占空子,侵害大家网站。

百度地图API应用到Wordpress博客

一、百度地图API代码加工,以适用Wordpress

把包含“<title>百度地图API自定义地图</title>”在内的前面的代码删除;把</head>所在行、<body>所在行、</body>所在行、</html>所在行删除。

二、建用于百度地图API的页面模板

页面模板建立办法请参考《WordPress博客页面模板制作》。建页面模板:baidu-ditu-api。把修改好的百度地图API代码全部复制到合适位置。进入Wordpress后台,新建一页面,模板选择baidu-ditu-api。

如果你使用了All in One SEO 插件,那把标题,描述等都设置好。我的设置分享给大家:

关键字:百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具,不得言博客,不得言博客地图

描述:这是不得言利用百度地图API制作的不得言博客地图,通过百度地图所见即所得工具,不得言轻松制作了博客的百度地图。其中上班地点、郑州徐砦住处、中牟县住处,以及他们之间的线路。这线路也是我骑山地车常走的线路。

标题:不得言博客百度地图 | 百度地图API应用

至此,百度地图API在Wordpress博客的应用就完成了。好好欣赏您的战果吧!不得言博客百度地图

更多
  1. laus
    2011年3月2日11:08 | #1

    真是太谢谢你了!@不得言

  2. 2011年3月2日10:58 | #2

    @laus 是的那个链接是可以点击打开的。这个编辑从百度复制下来的代码就可以实现。
    你可以访问我的不得言博客百度地图 | 百度地图API应用,在源代码里搜索“//标注点数组”,数组里的内容和你的对照一下,就能发现其中的奥秘

  3. laus
    2011年3月2日10:41 | #3

    请问地图里的“地址:www.budeyan.com”是怎么添加上去的?点击后是否可以打开链接?谢谢

  4. 2011年1月24日14:04 | #4

    mark。
    好东西哇

  5. word2003下载
    2011年1月19日19:35 | #5

    每次来都看到好文章,我弄了个关于word的站,有空指导下小弟http://www.wordguanfang.com

  6. 新少林寺qvod
    2011年1月19日19:05 | #6

    那么冷的冬天,博主还在,呵呵。博主博客挺好的,给留个链接,呵www.xinshaolinsiqvod.info

  1. 本文目前尚无任何 trackbacks 和 pingbacks.