什么是百度地图
百度地图相信大家都不陌生,它是一个为用户提供包括智能路线规划、智能精准导航(驾车、步行、骑行)、实时路况、等出行相关服务的平台,如果我们想要把百度地图的某些功能实现在我们自己的项目上的话,就需要去了解一下百度官方的api了,上边有针对各种项目的api教程,方便新手学习使用,而且如果不商用的话是没有使用限制的。
申请密钥(ak)
- 首先,我们需要有一个百度账号,然后在api官网申请成为开发者,接着是申请服务密钥(ak)
- 点击官网右上角的控制台,选择应用管理——>我的应用
- 然后点击创建应用 ,选择你的应用类型,需要注意的是只有白名单里的网站才能调用成功,如果你只是写一个单纯的Html页面,那么你可以设置成 * ,这样所有的页面都可以进行调用
- 这样你的密钥就申请成功了
简单调用百度地图
-
新建一个html页面,设置html和body的样式,主要作用是让页面铺满浏览器
-
新建一个地图容器,引入百度地图文件
<div id="container"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>
-
新建一个地图实例,设置中心点坐标,对地图初始化,设置展示级别
<script> var map = new BMap.Map("container"); //实例对象 var point = new BMap.Point(116.404, 39.915) //中心坐标 map.centerAndZoom(point, 15);//初始化并设置展示级别 </script>
-
这样一个以天安门为中心的地图就建好了