位置: IT常识 - 正文

申请百度地图开发者AK和基本使用(百度地图 申请)

编辑:rootadmin
申请百度地图开发者AK和基本使用 前言

推荐整理分享申请百度地图开发者AK和基本使用(百度地图 申请),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:百度地图申请ak,申请百度地图api,百度地图怎么申请开发票,申请百度地图开发者100字,申请百度地图api,开通百度地图,申请百度地图开发者100字,申请百度地图开发者100字,内容如对您有帮助,希望把文章链接给更多的朋友!

有需求就会有市场,百度地图也会开放一些免费的Api。来提供一些基本的地图服务。

今天我们讲解的是百度地图申请AK过程,和申请完之后基本的使用,方便大家日后有需要浏览。

AK-申请

1.首先我们学习一个技术最直接的是去看官方文档,大家可以搜索百度地图开放平台也可以通过下面链接进去

官网

2.进到官网

3.点击控制台,如果没登录会跳到登录页 用百度扫一扫直接登录

4.进去之后页面应用管理-我的应用-创建应用

5.应用名称:取个相关的项目名 类型选择浏览器端 白名单填个 * 就可以

注意:第一次申请Ak 它会让你去完善相关信息描述(用来描述AK用来干什么)如实描述一般都会通过审核

申请百度地图开发者AK和基本使用(百度地图 申请)

6.创建成功之后

小结:

但我们看到这个页面就说明我们的AK申请成功了,AK有什么用。AK就相当于我们百度地图的身份标识,也会跟实名信息绑在一起,只能用于正常开发(不能非法使用)。但我们有了AK之后就可以参考开发文档中来调用百度地图了。也可以用于Vue-baidu-map 后面文章会讲

官方文档

废话不多说直接上代码

注意:一般你复制过来他会报一个错误什么为not defined,仔细观察你就会发现是因为没有加https:导致没有获取到所以就是这个报错,把这个加上就行了(注意不要忘记了后面的:)

<!DOCTYPE html><html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />    <style type="text/css">      body,      html,      #allmap {        width: 100%;        height: 100%;        overflow: hidden;        margin: 0;        font-family: '微软雅黑';     }    </style>    <script      type="text/javascript"      src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=你申请的AK"    ></script>    <title>地图展示</title>  </head>  <body>    <div id="allmap"></div>  </body></html><script type="text/javascript">  // GL版命名空间为BMapGL  // 按住鼠标右键,修改倾斜角和角度  var map = new BMapGL.Map('allmap') // 创建Map实例  map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11) // 初始化地图,设置中心点坐标和地图级别  map.enableScrollWheelZoom(true) //开启鼠标滚轮缩放</script>

 去除右下角百度图标

// 去除百度地图的图标 根据实际情况看是否要加样式穿透(::v-deep) ::v-deep .anchorBL { display: none !important; }

总结:

经过这一趟流程下来相信你也对 申请百度地图开发者AK和基本使用 有了初步的深刻印象,但在实际开发中我 们遇到的情况肯定是不一样的,所以我们要理解它的原理,万变不离其宗。加油,打工人!

什么不足的地方请大家指出谢谢 -- 風过无痕

本文链接地址:https://www.jiuchutong.com/zhishi/298532.html 转载请保留说明!

上一篇:JavaScript获取数组对象里面的键(key)和值(value)(javascript获取数组索引)

下一篇:两阶段鲁棒优化的 Benders分解 与 行列生成(C&CG) 算法及算例讲解(两阶段鲁棒优化 多目标)

  • 小米12怎么设置锁屏时间(小米12怎么设置动态壁纸)

  • 隐藏评价就看不到了吗(隐藏评价就看不到了吧)

  • 微信上耳朵的标志是什么(微信上出耳朵的标志该怎么办)

  • 5v3a可以给5v1a充电吗(5v3a可以给5v2a充电吗)

  • 退货充电宝怎么寄过去(充电宝退货寄什么快递)

  • 关闭云备份有什么影响(云备份关了有什么影响)

  • 荣耀20pro怎么关闭开发者模式(荣耀20pro怎么关闭热门推荐)

  • 手机投屏到电视为什么没有图像(手机投屏到电视上怎么放大屏幕)

  • 入耳式耳机插电脑不能语音(入耳式耳机插电脑上有电流声)

  • 直播的时候有滋滋的声音是为什么(直播的时候有吱吱的声音是为什么)

  • 闲鱼已发货可以撤销订单吗(闲鱼已发货可以申请退款吗)

  • 小米9微信白屏怎么回事(小米9微信白屏怎么解决)

  • 在excel中工作簿名称被放置在哪里(在excel中工作簿的最小组成单位是)

  • 运行内存满了怎么清理(运行内存满了怎么清)

  • 米8什么时候更新miui11(小米8什么时候更新miui12)

  • 抖音文字怎么复制(抖音文字怎么复印)

  • 手机屏幕脱胶可以修吗(手机屏幕脱胶可以不管吗)

  • 接听对方电话怎么录音(接听对方电话怎么关闭)

  • ios右上角电视怎么关闭(苹果右上角有个小电视怎么关)

  • 陌陌没有语音通话吗(陌陌没有语音通话功能)

  • vivo x27网速慢怎么办(vivox27手机网速慢是怎么回事)

  • 新版qq音乐设置在哪(新版qq音乐设置在哪儿)

  • 苹果自动开关机在哪里设置(苹果自动开关机APP)

  • vue自定义日历小组件(vue自定义日历组件)

  • 人工智能导论(6)——机器学习(Machine Learning)(人工智能导论课后题答案)

  • ::before和::after是什么?(before跟after区别)

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络