百度地图API-显示地图

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

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

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

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

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

百度地图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) : 启用滚轮实现地图缩放。

相关推荐