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

这篇具有很好参考价值的文章主要介绍了申请百度地图开发者AK和基本使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

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

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

AK-申请

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

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

官网

2.进到官网

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

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

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

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

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

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

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

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

6.创建成功之后

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


小结:

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

官方文档

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

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

废话不多说直接上代码

 

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

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

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

<!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.toymoban.com/news/detail-408899.html

到了这里,关于申请百度地图开发者AK和基本使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 苹果个人开发者账号申请+获取证书+上架应用商城

    一、先注册一个苹果账号,打开苹果开发者中心Sign In - Apple 1、如果Apple ID可以直接登录,否则先进行创建 2、点击创建后跳转至填写注册信息页面 填写内容完成后,点击提交,验证邮箱以及手机号 二、开启双重认证 使用iPhone登录相同Apple ID,打开双重认证 三、在IPhone App S

    2024年04月10日
    浏览(58)
  • 2023年苹果IOS开发者证书申请(已实测准确)

    苹果开发者官网:https://developer.apple.com/ 注册苹果账号apple id 开启双重认证,需在一台IOS手机/iPad操作 在App Store下载Apple Developer APP ,进行注册开发者账号 去Apple Developer应用填写申请资料 绑定支付宝或者微信支付苹果年费(¥688元/年) 请等待苹果审核后,根据邮件提示,点击

    2024年02月07日
    浏览(66)
  • 百度Create AI开发者大会剧透丨用好三大AI神器 ,人人都是开发者

    程序员会消失,真的吗?大模型的下一站是什么?开发者的机会在哪里?什么才是最好用的AI应用开发工具?在4月16日举办的2024百度Create AI开发者大会上,百度创始人、董事长兼首席执行官李彦宏将就这些备受瞩目的问题一一进行解答。 4月11日,百度举办了“2024百度Create

    2024年04月13日
    浏览(52)
  • 百度开发者平台API地理编码,根据地址获取经纬度

    地理编码 | 百度地图API SDK (baidu.com) 原始csv 结果: 字段名称: 社区名称、经度、纬度、看下表吧。 地理编码 | 百度地图API SDK (baidu.com) 或者参考这篇博文: http://t.csdn.cn/AghZk

    2024年02月15日
    浏览(38)
  • 百度Comate SaaS版本正式发布,助力开发者加速研发过程

    百度Comate是基于文心大模型的智能代码助手,让开发者的编码更快、更好、更简单,为开发者自动生成完整的、且更符合实际研发场景的代码行或整个代码块,帮助每一位开发者轻松完成研发任务。10月17日召开的百度世界大会上,百度CTO王海峰博士介绍了百度Comate在百度内部

    2024年02月08日
    浏览(43)
  • 百度王海峰披露飞桨生态最新成果 开发者数量已达800万

    8月16日,由深度学习技术及应用国家工程研究中心举办的WAVE SUMMIT深度学习开发者大会上,位于北京举行。百度的首席技术官兼深度学习技术及应用国家工程研究中心主任王海峰发表了主题演讲。王海峰首次向外界表示,大型语言模型已经具备理解、生成、逻辑推理、记忆等

    2024年02月09日
    浏览(57)
  • 开源虚拟现实引擎。CARLA是一个基于Unreal Engine 4开发的游戏引擎,支持模拟各种汽车、摩托车、轨道交通信号等车辆的行驶行为,并且提供了一套API接口,供开发者进行调用,用来进行地图构建

    作者:禅与计算机程序设计艺术 目前,市面上存在多个智能汽车解决方案,包括滴滴、理想汽车、百度无人驾驶等,均由大型科技公司或各个公司开发,其中一些公司如理想汽车、百度、字节跳动等已经取得了较为丰硕的成果。随着技术的发展,人们越来越关注智能汽车在未

    2024年02月08日
    浏览(52)
  • 微信开发者工具使用教程

    近段时间有很多小伙伴问微信小程序怎么开发啊?开发的第一步就是安装微信web开发者工具,今天就来教你设置好开发者工具。 一、下载开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载安装好之后打开会进入这个界面,倘若开发者首次启动开发者工具

    2024年02月03日
    浏览(41)
  • 使用开发者模式找到User—Agent

    User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分。它是一个特殊字符串头,是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。 那么User-Agent到底是什么呢? User-Agent会告诉网站服务器,访问者是通过什

    2023年04月10日
    浏览(41)
  • 配置小程序开发者工具及其使用(上)

    本章主要介绍: 如何配置小程序开发工具 开发工具的基本操作使用 如何创建小程序项目和调试代码 配置小程序开发工具是开始进行小程序开发的重要步骤。下面是一个简要的配置指南: 下载小程序开发工具:首先,你需要下载并安装微信小程序开发工具。官方提供了适用

    2024年02月12日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包