百度地图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) : 启用滚轮实现地图缩放。
相关推荐
id=3&hmsr=%E5%BC%80%E5%8F%91%E8%80%85-AI%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF&hmpl=&hmcu=&hmkw=&hmci=