如何使用百度地图(一)

什么是百度地图

百度地图相信大家都不陌生,它是一个为用户提供包括智能路线规划、智能精准导航(驾车、步行、骑行)、实时路况、等出行相关服务的平台,如果我们想要把百度地图的某些功能实现在我们自己的项目上的话,就需要去了解一下百度官方的api了,上边有针对各种项目的api教程,方便新手学习使用,而且如果不商用的话是没有使用限制的。

申请密钥(ak)

  1. 首先,我们需要有一个百度账号,然后在api官网申请成为开发者,接着是申请服务密钥(ak)
  2. 点击官网右上角的控制台,选择应用管理——>我的应用
    在这里插入图片描述
  3. 然后点击创建应用 ,选择你的应用类型,需要注意的是只有白名单里的网站才能调用成功,如果你只是写一个单纯的Html页面,那么你可以设置成 * ,这样所有的页面都可以进行调用
    在这里插入图片描述
  4. 这样你的密钥就申请成功了

在这里插入图片描述

简单调用百度地图

  1. 新建一个html页面,设置html和body的样式,主要作用是让页面铺满浏览器
    在这里插入图片描述

  2. 新建一个地图容器,引入百度地图文件

     <div id="container"></div>
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>
    
  3. 新建一个地图实例,设置中心点坐标,对地图初始化,设置展示级别

    <script>
    	var map = new BMap.Map("container");  //实例对象
    	var point = new BMap.Point(116.404,  39.915) //中心坐标
    	map.centerAndZoom(point, 15);//初始化并设置展示级别
    </script>
    
  4. 这样一个以天安门为中心的地图就建好了
    在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值