15.小程序接入百度地图获取地理位置

使用方法

 

 

版本说明

该套API免费对外开放，目前最新版本为微信小程序JavaScript API V1.0。

注册百度帐号，成为百度地图开发者

进入百度开放平台官网，点击右上角“API控制台”，注册成为百度地图开发者。若是未登陆百度帐号，会引导登陆百度帐号。若是帐号未注册，请根据提示填写正确的邮箱及手机号完成开发者注册流程。

建立应用

再次点击进入控制台，建立一个新应用。

获取密钥（AK）

在建立应用页面，录入应用名称、选择应用类型为"微信小程序"、勾选启用服务、填写AppID(小程序ID)。点击提交后，便可在查看应用页面看到申请成功的密钥（AK）。

配置环境

 

1建立本地小程序项目

① 打开微信小程序开发者工具并使用微信确认登陆。

② 点击 "+" 按钮，添加项目。

③ 点击 "添加项目" 按钮，项目建立完成。

注意：需勾选"在当前目录中建立quick start项目"。

2引入JS模块

在项目根目录下新建一个路径，下载百度地图微信小程序JavaScript API，解压后获得 bmap-xw.js 文件，将其拷贝到新建的路径下，安装完成。

以下图所示，新建路径 "libs" ,将 bmap-xw.js 文件拷贝至 "libs" 路径下。

Hello 个人小程序

 

1微信小程序开发者工具

前往微信小程序开发者页面，下载并安装微信小程序开发者工具。

2准备百度地图微信小程序JavaScript API相关配置

① 获取开发者密钥（AK）。获取方法请查看：帐号和密钥
② 从相关下载页面下载开发包并解压，获得 bmap-wx.js 文件。

3建立项目

该处请参考使用前 -> 配置环境 , 按步骤将解压后的 bmap-xw.js 文件拷贝至相应位置。

4设置请求合法域名

① 须要设置请求合法域名，才能正常使用百度小程序 JavaScript API。

登陆微信公众平台－> "设置" －> "开发设置" －> "request 合法域名" －>添加 api.map.baidu.com －> 点击"保存并提交"，如图所示： 

② 打开开发者工具 －> "项目" －> 点击"刷新"，合法域名设置同步完成。如图所示： 

5编辑和预览个人小程序

如上步骤完成后，即为已配置好一个完整的调用百度地图微信小程序JavaScript API的完整小程序Demo。

6编辑代码
注：此处使用的ak是随便写的，你们须要自行申请！！！
xxx.wxml：

 

xxx.js：