调用百度地图

最新推荐文章于 2024-08-03 16:53:18 发布

HainesFreeman

最新推荐文章于 2024-08-03 16:53:18 发布

阅读量304

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/weixin_41829196/article/details/124952986

版权

1、开发者账号注册

百度地图开放平台 | 百度地图API SDK | 地图开发百度地图API是一套为开发者提供的基于百度地图的应用程序接口，包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本，提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。LBS·云是百度地图针对LBS开发者全新推出的平台级服务。通过地图API，一方面解决移动开发者服务器端日益增长的海量位置数据的存储维护压力，另一方面彻底解决所有LBS开发者基于位置数据的高并发检索瓶颈。https://lbsyun.baidu.com/点击以上链接进行百度开发者注册，填写个人信息等傻瓜式操作；

开发者文档入口：

2、申请ak密钥

进入开发者文档入口

点击申请

获取ak

3、cdn引入，以umd方式进行集成

在vue项目中，public文件硖的入口index.html文件引入

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>站牌管理</title>
    <script type="text/javascript" src="https://api.map.baidu.com/api?type=subway&v=1.0&ak=GSGygxmcZ2lyn45b5dEmRNka9LGdQ68L"></script>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but this site doesn't work properly without JavaScript
        enabled. Please enable it to continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

接下来就是在你项目中的业务模块中去使用了，可以参照官网文档进行接入。