百度地图API-显示地图

赵大帅

浏览: 5469 次
性别:
来自: 北京

最近访客更多访客>>

13931799482

myleilo

canofy

麦兜猪

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

百度地图API

现在互联网上使用地图或定位的程序越来越多，网站上如果想使用地图或定位功能的话可以使用Google Map 或百度Map，当然，前者在中国大陆是无法使用的，推荐使用后者，当然，百度Map也是比较不错的，API是非常完善的，足够我们处理日常的业务。下面介绍下简单的百度Map相关的API。

首先要去下面的地址去申请一个百度Key，只要有百度账号即可。申请好的Key就是我们一会在引入js时所需要用到的ak

地址如下：http://developer.baidu.com/map/

到下面有申请密钥，点击，然后会让登录，输入百度账号密码登录。申请密钥必须是百度开发者，如果不是的话那么需要注册一下，步骤比较简单，页面会自己跳转到百度开发者的注册平台，按步骤注册即可。如果已经是的话，点击申请密钥的时候他会自动跳转的。具体的步骤记不太清楚了。总之步骤不难。

如果你是百度开发者的话，那么在LBS开放平台下你能够找到开发选项，在这里面有很多API和提供给我们使用如下图所示

进去后，可以在左边的导航中找到实例DEMO，所有的DEMO都在里面的，个人认为，看DEMO学习会比较快一点。

在这里简单先介绍下如何使用百度地图

第一步：导入百度地图API ，在页面上通过<script>标签引入百度API

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

参数 v 指的是使用的版本， 2.0 要比1.0多很多东西，当然也删除了一些东西

参数 ak 就是刚才申请的密钥，不同类别的密钥功能也不同。

第二步：使用百度MapAPI

<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>

现在可以去页面中看看效果了，一个简单的地图就出来了，能够通过滚路的滚动实现地图放大或缩小。

简单介绍下API

BMap ：构造函数，必须通过BMap函数来创建地图

Map(id) : 显示地图的容器ID

centerAndZoom(Point,Scale) : 设置地图的中心点，Point为经纬度，也可以写城市名称，比如北京，Scale是缩放的比例，通常情况下3-18足够用

enableScrollWheelZoom(true) : 启用滚轮实现地图缩放。